Critique de site web #1

Le mauvais buzz créatif a pour but de faire une critique de site web constructive ou non, c’est selon mon humeur! En espérant que le tout vous informera sur les choses à ne pas faire lors d’une conception de site web et que vous apprendrez quelques trucs.

La première critique est un site d’une entreprise qui fabrique des composantes en bois sur mesure. Déjà là rien de très excitant…

Mise en garde : Ne regardez pas trop longtemps ce site web vous pourriez perdre la vue pour cause de mauvais design. Vous en serez averti!

Visitez le site web ici

En temps que designer vous voyez évidemment les problèmes de cette composition, mais voyons concrètement ce qui cloche selon moi.

CSS et HTML

En regardant le code source, vous constaterez que c’est le festival du tableau et que tout le monde est invité! Aucunement optimisé pour les moteurs de recherche. Google prendra une bonne semaine pour analyser le contenu de cette page, tellement qu’il ya de balises inutiles!

Grille graphique et composition

Le choix de grille graphique est plutôt mauvais. Aucune marge ne laisse respirer le contenu. De plus, les lignes noires qui définissent chacune des sections alourdissent inutilement la composition. La texture de fond est horrible et totalement inutile. Dans le haut de l’interface graphique la forme de vague est nuisible et rend les photos difficiles à voir, il faudrait rendre cet élément plus subtil. Le logo est 50% trop gros pour la composition et n’a aucune marge pour respirer, de grâce apporter un masque à oxygène à ce logotype!

Navigation

L’immense mention “Navigation” vous frappe en plein visage, comme une claque sur la gueule. Aucune utilité de mentionner que c’est un menu qui sert à la navigation, puisque les utilisateurs qui ont ouvert leur ordinateur et ouvert leur navigateur web ont déjà conscience de l’utilité d’un menu pour naviguer!

Le texte des menus du haut est sur deux lignes ce qui donne l’impression qu’on a 2 liens au lieu d’un seul par colonne.

Couleurs

Le bleu gâche définitivement la composition, surtout que certains liens auraient pu être changés facilement dans le CSS au lieu de rester dans la teinte de bleu HTML par défaut. Une application en ligne d’Adobe comme Kuler aurait permis de trouver une gamme de couleurs complémentaires beaucoup plus intéressante si l’inspiration n’était pas au rendez-vous!

Qualité des photos

La qualité des photos est essentielle pour bien vendre et représenter un produit. Pourtant, la qualité des meubles en bois sur ce site semble être remarquable,  la qualité des photos ne leur rend pas justice. Les photos sont redimensionnées,  mal compressées ou tout simplement non redimensionnées ou mal optimisées. Une image mesure même plus de 2000 pixels! Si votre client vous donne comme excuse qu’il ne maîtrise pas Photoshop pour réduire ces photos, une application gratuite comme ImageSizer développé sur Adobe Air pourra répondre à leur besoin.

La version améliorée par Buzz créatif

Améliorations :

• Réduction du logo
• Plus de marge
• Simplification de la navigation
• Photo de l’interface plus visible

Beaucoup d’autres améliorations auraient pu être apportées, mais la démarche a pour but de démontrer qu’en appliquant certaines notions de base à vos design web, vous aurait un site web plus convivial et esthétique.

Qu’est-ce que vous auriez amélioré sur ce design de site web?