Chaque semaine, nous examinons un nouveau site Web et en analysons le design. Nous soulignerons les deux domaines qui sont bien réalisés et ceux qui pourraient nécessiter du travail. Enfin, nous terminerons en vous demandant de fournir vos propres commentaires.
Le site d'aujourd'hui est Holds Worth Design.
Si vous souhaitez soumettre votre site Web pour qu'il soit présenté dans une future Critique de conception, cela ne prend que quelques minutes. Nous facturons 24 $ pour la critique de votre conception - beaucoup moins que le coût d'un consultant pour jeter un coup d'œil sur votre site! Vous pouvez en savoir plus ici.
À propos de Holds Worth Design
? Worth Design est un studio primé de conception de sites Web, de graphisme et de communications à Edmonton, en Alberta. Les sites Web Holds Worth ont été présentés sur plusieurs prestigieuses galeries "Best Design", notamment thebestdesigns.com, coolhomepages.com, newwebpick.com, dailyslurp.com, creattica.com et bien d'autres.
Voici une capture d'écran de la page d'accueil:
Premières impressions
Sans aucun doute, c'est un design vraiment attrayant. Les couleurs sont belles, les images sont vives et la mise en page est solide. Le designer a fait un excellent travail sur l'esthétique générale et tout ce que nous suggérons sera plutôt mineur.
Ci-dessous, nous allons diviser la conception pièce par pièce pour être sûr de tout examiner et d'examiner ce qui fonctionne et ce qui ne fonctionne pas.
Entête
Si cet en-tête est destiné à attirer l'attention de l'utilisateur et à attirer son attention, cela fonctionne. Les bannières bleu foncé et marron ornées d'or contrastent à merveille avec l'arrière-plan flou de la photographie. C'est un graphique magnifique qui fait vraiment la page.
Un aspect intéressant de cet en-tête est cependant la période suggérée. En bref, je vois un site avec le logo du château et des bannières triangulaires parfaitement adaptées au motif du château. Cependant, le reste de la page passe directement dans la révolution industrielle (la période de temps est encore confuse par la photo de bulles floues).
Bien que je déteste suggérer de changer le superbe design, c'est un conglomérat assez confus. C'est un peu comme si le designer avait changé d'avis à mi-chemin de la page.
Je suggérerais que vous envisagiez de conserver la mise en page de base ci-dessous, mais de créer des graphiques qui correspondent un peu mieux à l'en-tête. Gardez à l'esprit que très peu de vos visiteurs seront aussi OCD que moi, donc ce n'est pas vraiment un problème énorme qui doit être résolu immédiatement.
La navigation
La navigation ici est un menu déroulant très simple. L'aspect important ici est la fonctionnalité. Le développeur a utilisé du code JavaScript pour lisser le menu avec des transitions et des retards. Cependant, le menu fonctionne encore assez bien sans JavaScript. Cette dégradation gracieuse montre que celui qui a construit le site était prêt à prendre le temps de le faire correctement (même si le curseur perd évidemment de la fonctionnalité).
Curseur de contenu
Le curseur d'image alterne entre trois images, montrées superposées. Chaque section est attrayante et unique et les transitions se font en douceur grâce à jQuery.
Ce que je trouve un peu étrange dans cette section est que le curseur d’image est légèrement plus large que le contenu situé en dessous.
Étant donné que le site est configuré sur un alignement au centre, je ne m'oppose pas vraiment aux différentes largeurs, mais à leur ressemblance. Lorsque vous redimensionnez de tels objets sur votre page, veillez à les rendre identiques ou sensiblement différents. Des situations comme celles-ci où les éléments sont presque, mais pas tout à fait, de la même taille ressemblent davantage à un accident qu'à une décision de conception intentionnelle.
La solution la plus simple ici consiste simplement à espacer un peu plus les trois cases ci-dessous afin d’aligner les limites du curseur d’image.
Des boites
Mis à part les incohérences visuelles que j'ai mentionnées ci-dessus, cette section est très belle. J'aime les graphismes de la vieille école et la manière dont le texte les entoure.
Je trouve également ces boîtes intéressantes sur le plan conceptuel. Ils servent d'aperçu dans les pages suivantes du site. Des liens ont déjà été présentés pour ces pages via la navigation, mais les utilisateurs qui ont fait défiler la page vers le bas ont également la possibilité d’accéder à ces pages. C'est peut-être un peu redondant, mais cela augmente probablement le nombre de clics sur une visite typique.
Bas de page
Le pied de page ne contient que quelques colonnes de texte, de sorte qu'il n'y a pas grand chose à commenter. C'est simple et fonctionnel, une excellente combinaison. Cependant, il est également flottant sur le côté gauche de la page. Les alignements à gauche sont excellents et je les préfère aux alignements centraux, mais dans ce cas, le flux de la page est interrompu car tout ce qui se trouve au-dessus de celle-ci flotte au centre.
Ne confondez pas ceci avec la direction pour changer l'alignement du texte. Les colonnes de texte devrait rester aligné à gauche mais la section dans son ensemble doit être centrée sur la page.
À ton tour!
Maintenant que vous avez lu mes commentaires, apportez votre contribution en donnant quelques conseils supplémentaires au concepteur. Dites-nous ce que vous pensez être génial à propos de la conception et ce que vous pensez pourrait être plus fort. Comme toujours, nous vous demandons d'être également respectueux du concepteur du site et d'offrir des conseils clairs et constructifs, sans aucune insulte dure.