Nos critiques de conception de sites Web ont été un succès auprès des clients et des commentateurs. Continuez votre excellent travail en fournissant des idées et des suggestions de qualité!
Le site d'aujourd'hui est Firefly, la page d'accueil d'une agence de recrutement en travail social basée au Royaume-Uni.
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.
Luciole
Selon leur propre définition, «Firefly est un cabinet de conseil en recrutement spécialisé dans le recrutement, le placement et la gestion de professionnels du travail social dans les secteurs public et privé de Londres et des comtés voisins. Notre approche du recrutement est personnelle et consultative.
Voici la page d'accueil de leur site web:
Dans l’ensemble, la conception du site est vraiment agréable et j’ai beaucoup de bonnes choses à dire à ce sujet. Regardons quelques-unes de ces en profondeur.
Schéma de couleur
Tout d’abord, j’aime beaucoup la palette de couleurs au travail ici. Il utilise toutes les couleurs claires, agréables à regarder et qui vont bien ensemble.
La couleur la plus audacieuse ici est le vert et le concepteur l'a utilisé en quantités parfaites. Il est assez dispersé au-dessus du site, uniquement à des endroits clés du contenu, et fait une grande apparence en tant que couleur principale du pied de page (en trois variantes!).
Attention au détail
Il y a beaucoup de petits bouts de design dispersés sur toute la page qui ne sont que de petites attentions. Cela montre que le concepteur prenait le temps de ralentir et de bien configurer l'interface au lieu de se précipiter pour que quelque chose soit publié.
Répétition
La répétition est l’un des aspects essentiels d’une conception et un principe incompris ou totalement inconnu de nombreux concepteurs de sites Web. Ce concepteur l'a utilisé avec brio, non seulement par la répétition du vert comme mentionné ci-dessus, mais également par l'utilisation de l'élément cercle du logo.
Répéter un élément sur une page comme celle-ci rend la conception plus cohérente. Cela donne également à l'œil quelque chose de familier à repérer lorsqu'il navigue sur la page.
Disposition
Le concepteur a choisi d’implémenter une mise en page à trois colonnes et s’y est tenu sur toute la longueur du site. Les alignements sont forts et les colonnes sont très bien exécutées. La séparation visuelle de la colonne la plus à droite grâce à l’utilisation d’une couleur d’arrière-plan plus sombre constitue un toucher excellent, car elle permet de mettre en valeur le contenu principal et de rompre la monotonie d’une grande page blanche.
Choses à améliorer
Globalement, le design est l’un des plus solides jamais vus pour une critique. Cependant, quelques petits ajustements pourraient être faits.
Résolution de l'image
Parce que j'ai un fond imprimé, j'ai tendance à être une résolution nazie. Le logo en haut à gauche représente non seulement la marque de la société, mais également l'une des premières choses qu'un utilisateur voit lorsqu'il se pose sur la page. Pour cette raison, vous voulez vous assurer que c'est bien croustillant.
J'ai fait sauter le logo un peu pour vous montrer ce que je veux dire. Certes, cela aggrave encore le problème, mais c’est une bonne illustration de ce qu’il faut rechercher à un niveau moins élevé lors de la sauvegarde des images.
Surveillez attentivement les artefacts et les dégradations d'image. Ce logo est relativement petit et ne devrait pas s’embourber si le site devait être enregistré à une résolution plus élevée.
Texte lourd
Peut-être le pire problème visuel de cette page est-il simplement trop textuel? C’est tout simplement beaucoup d’informations à adresser à une personne qui atterrit pour la première fois sur votre site. Ces nombreuses lectures peuvent prendre beaucoup de temps et être intimidantes, ce qui peut conduire l'utilisateur à ignorer complètement le texte.
J'envisagerais de réduire cela au strict nécessaire et de placer toute information non cruciale sur une page de support plutôt que de la mettre en évidence ici.
Utilisabilité
Une partie du texte de la page présente un léger problème de convivialité. Je ne suis pas sûr de la cause, mais dans Safari, le texte de la colonne Bienvenue ne peut pas être sélectionné.
Je sais que cela semble difficile, mais le fait d'avoir du texte en direct a tout intérêt à ce que vous disposiez d'une copie nette, nette et entièrement sélectionnable (et donc facile à copier-coller) sur la page.
Je recommande de regarder votre code pour voir ce qui cause cette erreur.
Deux trombones
Comme je l'ai indiqué ci-dessus, la répétition est une bonne chose en design. Cependant, comme je l'ai également souligné, il est souvent mal compris ou mal utilisé. Le trombone est un bel élément graphique et il aurait été bien de répéter ailleurs sur la page, mais le fait de placer deux d'entre eux aussi proches l'un de l'autre fait que cette section souffre du syndrome de clone de Photoshop.
Je pense qu’utiliser un seul trombone ici ferait une déclaration plus forte. Si vous voulez vraiment rester avec deux, assurez-vous qu'ils ne sont pas identiques. Faites-en une rotation ou faites-la pivoter pour fournir une petite variation.
À 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.
Intéressé d'avoir votre propre site critiqué? Vous pouvez en savoir plus ici.