Chaque semaine, nous examinons un nouveau site Web et en analysons le design. Nous soulignerons les deux domaines qui sont bien faits en plus de ceux qui pourraient nécessiter du travail. Enfin, nous terminerons en vous demandant de fournir vos propres commentaires.
Le site d'aujourd'hui est Rachilli, le portfolio personnel de la photographe et designer Rachel Shillcock.
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 34 $ pour critiquer votre conception, ce qui est nettement moins que ce que vous paieriez pour qu'un consultant examine votre site! Vous pouvez en savoir plus ici.
À propos de Rachilli
«Que vous ayez besoin d’une nouvelle identité de marque, d’un nouveau matériel d’affaires ou d’un site Web magnifique et utilisable, je peux vous aider. Mes services vont de la conception et du développement de sites Web à la création d'une identité d'entreprise et de marque. Je fournis également un service de photographie. Par conséquent, si vous avez besoin d'images sur mesure pour vous-même, votre site ou votre image de marque, je peux vous aider, en vous aidant à réduire vos coûts et à les maîtriser.
Voici une capture d'écran de la page d'accueil:
Impression générale
Ma première pensée en voyant ce site était que cela ressemblait un peu à un modèle. Le design est assez typique de ce que vous verriez en vente sur ThemeForest.
Cependant, cette observation n'est pas négative. Bien sûr, il s’agit d’un design assez standard, mais il est également superbe. Les couleurs sont audacieuses, l'alignement est solide et les graphismes attrayants. Que ce soit un thème ou non, je pense que la conception du site a été un succès et se révèle être un travail propre et professionnel.
Bien que le site soit assez bon car il ne présente aucun changement, j'ai quelques idées pour renforcer certains des points faibles. Nous allons jeter un coup d'oeil.
En-tête et navigation
Le tiers supérieur du site est certainement le plus fort. J'aime la configuration à trois bandes pour l'arrière-plan, la police utilisée pour la navigation et, bien sûr, le curseur de grande image.
Une chose qui me dérange un peu dans cette section est que le logo n'est pas un lien vers la page d'accueil. Alors que je cherchais sur le site, j'ai systématiquement cliqué sur le logo uniquement en réaction pour me ramener à la page d'accueil.
Transformer votre logo en lien n'est en aucun cas une obligation absolue et rapide, mais il est toujours bon de prévoir comment la plupart des utilisateurs tenteront de faire fonctionner votre site et s'assurent que leur instinct se traduise par des actions utiles.
Une autre modification que vous pourriez envisager d’apporter dans ce domaine consiste à ajouter une différenciation supplémentaire entre le texte de navigation principal et le texte déroulant du sous-menu. Cette police de caractères particulière devient un peu difficile à lire en gros morceaux en raison de son audace. Il pourrait donc être utile de rendre les éléments de sous-menu un peu plus fins.
Messagerie
Revenons un peu en arrière et examinons la moitié supérieure du site Web dans son ensemble pour voir si nous pouvons détecter un problème. Tout de suite je remarque quelque chose d'assez grave:
Semblable au site que nous avons vu la semaine dernière, il n'y a pas de message clair, simple et large pointant sur ce que le site est. Les images dans le curseur varient considérablement, vous n'êtes donc pas tout à fait sûr de ce qui se passe. Pour découvrir la réponse, vous devez d'abord lire les questions du titre, déterminer laquelle vous dira ce qu'est Rachilli, puis lire le petit texte. C’est tout simplement trop d’étapes pour découvrir ce qu’est un site Web.
Je pense que la solution la plus simple consiste à intégrer du texte dans le diaporama. La plupart des plugins jQuery pour les curseurs comme celui-ci ont des modules de texte intégrés, ce qui devrait être un changement assez facile. Même un seul mot sur les diapositives irait un long chemin: Web Design, photographie, identité de marque, etc.
Moitié inférieure
Bien que la moitié supérieure du site soit très puissante du point de vue visuel, elle s'affaiblit à mesure que vous avancez dans la page. Après cet en-tête initial, il ne vous reste plus qu'une grande page de texte.
Cela pourrait être amélioré de plusieurs manières. Tout d’abord, bien que le format à trois colonnes fonctionne très bien, je pense qu’il est un peu redondant de le voir utilisé à la fois dans le contenu et dans les sections de pied de page.
Si vous avez empilé le "Qui suis-je?" et? Que puis-je faire? sections, qui transformeraient le contenu principal en une section de deux colonnes, suivie du pied de page des trois colonnes. Ajouter de la variation à votre mise en page tout en maintenant une structure claire aide à garder les choses intéressantes.
Une autre chose à surveiller est la largeur des colonnes. Les colonnes de la section principale s'alignent presque avec celles du pied de page à certains endroits, mais se portent bien à d'autres endroits. Les similitudes de mise en page sont dangereuses. Si deux choses sont supposées être identiques, faites-les pareil. Sinon, faites-les considérablement différents. Sinon, le résultat est une sorte de look confus qui donne aux utilisateurs l'impression que vous avez essayé de tout aligner sans le réussir.
Enfin, il y a simplement une tonne de texte ininterrompu entre le "Qui suis-je?" et? Que puis-je faire? sections. Une fois que ce contenu est empilé, je pense qu’il devrait être réduit (avec peut-être deux brefs paragraphes pour chacun) et découpé avec un peu d’images. Cela peut être des icônes, des échantillons de travail, tout ce qui ajoute de l’intérêt à la page sans trop de fouillis.
Conclusion
En résumé, Rachilli est un superbe site qui a été conçu par quelqu'un qui savait ce qu'il faisait. J'aime le ton de la communication, la facilité avec laquelle vous pouvez contacter le concepteur et la conception générale de la page.
Mes recommandations étaient pour la plupart de petits changements. Faites du logo un lien, ajoutez du texte descriptif au diaporama, décomposez le texte dans la section du contenu principal et envisagez de repenser le format répété en trois colonnes. Je pense que ces changements vont vraiment faire comprendre l’esthétique et la convivialité de cette 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.