Forum |  HardWare.fr | News | Articles | PC | Prix | S'identifier | S'inscrire | Aide | Shop Recherche
488 connectés 

  FORUM HardWare.fr
  Graphisme
  Web design

  Avis graphisme

 


 Mot :   Pseudo :  
 
Bas de page
Auteur Sujet :

Avis graphisme

n°1177490
paloir
Posté le 20-07-2016 à 15:35:56  profilanswer
 

Bonjour,  
 
Je suis amateur en web et je refait un site internet pour ma société mais je souhaite avoir des avis "extérieur" concernant le graphisme / couleur / visibilité du site.  
 
Il est très dur d'être objectif sois même  :D  
 
le site est : http://www.gkip.fr/site_new/
 
Merci par avance de votre aide !

mood
Publicité
Posté le 20-07-2016 à 15:35:56  profilanswer
 

n°1177491
Grafimages
Posté le 20-07-2016 à 16:40:49  profilanswer
 

Salut,
 
Pas mal de trucs à revoir :
- Supprimer l'ombre sur le logo (un logo est généralement en 2D, sans effet de relief/dégradés)
- Décoller le texte de 10-20 px tout en haut de la page (trop proche du bord haut)
- Eventuellement diminuer le rayon des coins arrondis à 2-3 px (c'est plus une tendance qu'un ressenti perso)
- revoir l'image de fond du header : c'est un assemblage hétéroclite de photos détourées sans finesse et d'une photo non-détourée. Privilégier une belle photo, même si elle ne présente qu'un nombre restreint de produits. Ou bien faire un détourage précis à la plume avec un zoom élevé.
- Décoller le menu du bord gauche (20-30 px)
- Même chose pour les textes dans les cards (blocs produits)
- Revoir le rollover sur ces mêmes cards (l'apparition du contour vert génère un décalage)
- Virer le rouge (prix),  le jaune (ajouter au panier) et le bleu (promo) : la charte graphique est basée sur le blanc et le vert + complémentaire orange. Se limiter donc à ces 3 couleurs et leurs nuances/déclinaisons.
- Supprimer impérativement l'effet de flash rouge sur les produits en promo
- Supprimer le gras en rollover sur les liens (préférer un changement de couleur, avec ou sans soulignement)
- Opter pur une icône "flat" pour le bouton "Poser une question" (idéalement, préférer un bouton rectangulaire, sans effets)
- J'aurais personnellement placé la liste des catégories à gauche plutôt qu'à droite (un menu à droite fait bien souvent penser à un blog)
- Sur les petites largeur d'écran, il y a un chevauchement important des éléments du header : http://www.responsinator.com/?url= [...] ite_new%2F
- Pas fan non plus du fond marron/orangeâtre uni, mieux vaudrait un background en image (2560x1920 px), soit net (image représentative des produits), soit très flou (effet Bokeh) mais avec des couleurs similaires à celle de la charte graphique.
- Accessoirement, le thème utilisé (Finepro) ne génère pas un code des plus propres.


---------------
Besoin d'un site de qualité à prix raisonnable ? --> http://www.grafimages.com
n°1177494
paloir
Posté le 20-07-2016 à 17:07:51  profilanswer
 

Salut,  
 
Merci pr ton retour très utile.  
Je vais de ce pas faire des changement. Effectivement pr la bannière, j'ai un graphiste qui m'en refait une nouvelle :love: .
Concernant l'effet flash, pourquoi est-ce impératif ? :??:

n°1177500
Grafimages
Posté le 20-07-2016 à 20:10:03  profilanswer
 

L'effet flash :
- donne immanquablement un style "amateur", parce que ça rappelle les vieux GIFs d'il y a 15 ans, aux débuts du Web grand public.
C'est clairement à éviter sur un site à vocation professionnelle.
- peut attirer l'oeil (c'est le principe d'une animation), mais peut aussi distraire l'attention du visiteur, avec le risque qu'il passe à côté d'un produit qui aurait pu l'intéresser
- accessoirement, le mix orange/rouge est déconseillé (couleurs trop proches l'une de l'autre, mieux vaut opter, soit pour une nuance de la même couleur, genre rouge foncé/rouge +/- vif, soit pour une couleur "antagoniste" (rouge/vert par exemple)


---------------
Besoin d'un site de qualité à prix raisonnable ? --> http://www.grafimages.com
n°1177504
paloir
Posté le 21-07-2016 à 10:19:33  profilanswer
 

OK merci pour les précisions. super sympa de ta part.
j'ai fait des modifications, peux tu me dire si sa te semble mieux ? https://www.gkip.fr/site_new/  (sauf la bannière qui est en cours de création).
en fait, je recherche surtout que sa ne fasse pas trop "amateur"  :)

n°1177505
edden
Bring me the pudding.
Posté le 21-07-2016 à 10:52:25  profilanswer
 

Salut,

 

L'ombre à 120° /contour sur tes encarts produit fait bien dégeu. Je pense que ce serait pas plus mal de l'enlever.
Les boutons "ajouter au paniers" mériteraient d'être centrés, là ils sont vraiment trop collés sur la bordure.
Bon la bannière je crois que tout a été dit, c'est caca  :o
Après c'est une multitude de petits détails qui font que l'ensemble n'a pas un super rendu.
Ça peut paraître con mais regarde ex : http://i.imgur.com/nzS3Q3g.png ici le champ mail et le bouton ainsi que le texte ne sont pas alignés. Certes c'est pas grand chose mais ça participe d'un ressenti global.
La page de connexion/inscription mériterai d'être personnalisés, on on croirait que c'est pour se connecter au backoffice wp.
Tu as mis des icônes sur le menu mais pourquoi ne pas en avoir mis pour chaque élément ?
Ton footer est brouillon, t'as des grands vides, revois ton positionnement je pense.
Ce bouton est pas très joli et s'intègre mal avec le reste http://i.imgur.com/rluFHpy.png
Je trouve que les contours arrondis font d'office datés. Surtout qu'ils diffèrent selon les éléments.
Sur mobile la mise en page est un peu chaotique et pourrait être améliorée.

 

C'est globalement les points que j'ai relevés au premier coup d’œil.


Message édité par edden le 21-07-2016 à 10:54:23
n°1177906
Grafimages
Posté le 21-07-2016 à 17:28:38  profilanswer
 

paloir a écrit :

OK merci pour les précisions. super sympa de ta part.
j'ai fait des modifications, peux tu me dire si sa te semble mieux ? https://www.gkip.fr/site_new/  (sauf la bannière qui est en cours de création).
en fait, je recherche surtout que sa ne fasse pas trop "amateur"  :)


Dans l'ensemble, c'est bien mieux (à part le header).
 
Restent :
- le bouton https://s3.mylivechat.com/Customiza [...] eImage.gif qui peut être fait en CSS (plus propre et léger qu'une image)
- les boutons "recherche" et "inscription" : supprimer le contour, augmenter la hauteur de quelques pixels et la largeur aussi pour décoller le texte des bords
- passer les prix en orange (le rouge ne fait pas partie de la charte graphique). En cas de promo, mettre le prix barré dans une nuance de vert et le nouveau prix en orange
 


---------------
Besoin d'un site de qualité à prix raisonnable ? --> http://www.grafimages.com
n°1177909
paloir
Posté le 22-07-2016 à 10:32:53  profilanswer
 

Salut  !
 
Merci encore pour tes précieux conseils. j'ai fait les derniers changements que tu m'as recommandé. Effectivement, sa fait beaucoup plus propre ! :pt1cable:

n°1177910
edden
Bring me the pudding.
Posté le 22-07-2016 à 12:34:26  profilanswer
 

En effet l'avant/après est sans comparaison  :jap:   [:simonh14]
 
Si on veut pinailler, les boutons recherche/inscription, le texte mériterait un peu d'espace de chaque côté.
Sur les produits tu pourrais centrer le texte même des boutons panier puis ce sera raccord avec le menu latéral.  
Dans le footer tu pourrais seulement mettre le cadenas en image et le reste en texte.  
 
 
Sinon rien à voir avec le site mais si tu t'y connais en led, j'en ai acheté sur amazon (4W GU5.3 MR16) et c'est la troisième qui claque en 1 an (elle se mettent à scintiller)  
elles sont branchées sur un sytème avec deux fils et un transfo. J'en ai acheté 3 à l'origine le vendeur m'en à déjà renvoyé deux car garanties 3 ans et sur les 2 nouvelles il y a encore une qui se met à scintiller (utilisée 5 mois)
Ça pourrait venir de mon système qui les bousille ou c'est plus probable que ça vienne des led et c'est fréquent ?
http://i.imgur.com/w2GYodo.png


Message édité par edden le 22-07-2016 à 12:55:32

Aller à :
Ajouter une réponse
  FORUM HardWare.fr
  Graphisme
  Web design

  Avis graphisme

 

Sujets relatifs
Avis sur in PC pour graphisme !Avis graphisme icons
Besoin d'un avis sur un graphisme de site webavis design blog
Vos avis sur mon site - étudiant en graphismeAvis sur le graphisme d'un site web
Votre avis sur le graphisme et le contenu de mon site...[Avis]Graphisme d'un site commerciale ...
[Avis] Refonte du graphisme de mon site 
Plus de sujets relatifs à : Avis graphisme



Copyright © 1997-2016 Hardware.fr SARL (Signaler un contenu illicite) / Groupe LDLC / Shop HFR