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 actuel est StyleJam, un site qui héberge des portefeuilles de concepteurs de sites Web. Jetons un coup d'oeil et voyons ce que nous pensons!
Voulez-vous que nous examinions votre site? Soumettez-le pour qu'il soit présenté dans une future Critique de conception, cela ne prend qu'une minute. Nous facturons 49 $ pour la critique de votre conception - bien moins que le coût d'un consultant pour consulter votre site! Vous pouvez en savoir plus ici.
À propos de StyleJam
Avec StyleJam, vous pouvez créer votre portefeuille de conception Web personnel sur une URL autonome de votre choix et le personnaliser avec votre CSS et vos images. Nul besoin d'apprendre la programmation, de souscrire à un service d'hébergement ou de configurer votre serveur. La seule chose que nous ne faisons pas pour vous, c'est la conception, c'est votre domaine.
Voici une capture d'écran de la page d'accueil:
Impression initiale
Ma première impression de StyleJam est positive. Il y a beaucoup de choses sur ce site qui se sent très moderne, le style de conception général est en phase avec ce que beaucoup de concepteurs veulent aujourd'hui. C'est un design épuré qui utilise beaucoup d'espaces et utilise le bleu pour transmettre un sens du professionnalisme.
Globalement, c'est un bon début. Il y a cependant quelques petits problèmes et suggestions que j'ai. Parcourons le site petit à petit et voyons ce que sont ces sites.
Logo et slogan du site
L'une des premières choses qui attire mon attention lorsque je regarde cette page est le logo, présenté ci-dessus. Je n’appellerais pas cela une priorité, mais je dirai que j’ai la conviction que cela pourrait nécessiter un remaniement. La police de style VAG Rounded semble un peu datée et le pinceau ne fonctionne pas pour moi. Ça fait le mot? Confiture? difficile à lire et semble un peu cartoony, ce qui semble contredire le style professionnel que le reste de la page suit. En d'autres termes, le logo apparaît sur la page comme quelque chose qui n'appartient pas vraiment.
Le slogan dans la barre de titre et le logo du site est une autre chose qui ne semble pas vraiment fonctionner. La phrase? Les concepteurs Web. Uni? me fait penser qu'il s'agit d'une sorte de club d'adhésion, de guilde ou d'union pour les concepteurs. C'est un bon slogan, mais pas pour cette entreprise, qui vend des portefeuilles de concepteurs de sites Web.
Je suggère de remplacer ce slogan par quelque chose qui communique clairement en quoi consiste le service. Si vous avez demandé à une centaine de personnes quel site avec le slogan, les concepteurs Web. Uni? Je parie que presque personne ne devinerait qu'ils ont vendu des sites Web de portefeuilles. Utilisez ce critère lorsque vous parlez d'un nouveau slogan.
En-tête principal
La prochaine étape est ce que j'appellerai la zone d'en-tête principale. C'est une grosse barre bleue avec un effet incrusté et un soupçon de texture. C'est un bel effet qui attire vraiment votre attention. La petite bannière en bas apporte une touche agréable, bien que le blanc sur blanc ne crée presque aucun contraste.
Mon problème principal ici est un sens indéniable de la vacuité. Il y a un énorme espace ici qui se sent simplement sous-utilisé. Il réclame une grande image, un gros titre ou les deux.
J'utilise constamment Mail Chimp comme exemple parce que leurs concepteurs sont généralement très bien placés. Découvrez l'en-tête qui se trouve actuellement sur leur site.
Regardez cette grande image colorée qui retient votre attention et est ensuite renforcée par un message très clair et surdimensionné: Easy Email Newsletters. En moins de trois secondes de chargement de cette page, je sais exactement à quoi sert le site. De retour à l'en-tête StyleJam, tout ce que je vois est un texte minuscule dans un grand champ bleu. Rien ici ne retient mon attention.
Je ne dis pas que StyleJam a besoin d'une mascotte, ne voyez pas l'inspiration comme une chose à arnaquer. Visualisez plutôt la page Mail Chimp comme une leçon de base sur les principes de conception. En prenant ces suggestions, la conception de l'en-tête StyleJam pourrait se transformer en quelque chose comme ceci:
De toute évidence, vous aurez toujours besoin de travailler dans les liens sociaux, la zone de saisie, etc., mais vous avez l’idée. Visuellement, l'en-tête pourrait aider la page beaucoup plus que ce n'est actuellement. De plus, alors que nous sommes au sujet des liens sociaux, ces boutons ont l’air de se trouver dans un état inactif. Même lorsque vous les survolez, votre curseur ne change pas. Je rendrais les icônes Facebook et Twitter bleues au lieu de blanc, ajouterais un peu de contraste au texte et réglerais le problème de survol.
Curseur d'image
J'aime toujours un bon curseur d'image et ce site en contient un dans un cadre très attrayant juste sous l'en-tête. L'effet est agréable et donne à la page une sensation dynamique. Cependant, les images choisies pour le curseur peuvent ne pas être les meilleures. Par exemple, voici la première chose que vous voyez:
En voyant cela, j’ai pensé que quelque chose s’était cassé. Il y avait ce champ de texte maladroit flottant au milieu de la page qui était partiellement coupé du côté droit. Il m'a fallu une minute pour réaliser que ce n'était qu'une capture d'écran. Je suggère de laisser tomber cette image et d'aller avec plus de contenu visuel comme la diapositive qui est actuellement dans le deuxième emplacement.
Conclusion
Comme je l'ai déjà mentionné, j'aime bien l'aspect général de cette page. C'est un site attrayant qui comprend de nombreux aspects importants. Les suggestions ci-dessus sont principalement des solutions mineures et rapides, dont certaines sont en grande partie subjectives.
La chose principale ici est de faire passer votre message clairement et attrayant. À l'heure actuelle, la messagerie semble un peu floue et il faut un peu de travail pour comprendre exactement ce qui se passe sur le site. Réduisez ce travail à presque zéro et vous êtes assuré d'augmenter votre taux de clic.
À 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.