Critique de Web Design # 53 Distinction

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 Distinction, qui abrite une agence de conception de sites Web à Nottingham.

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 la distinction

Distinction est une agence de design numérique qui collabore avec des PME, des entreprises et des organisations caritatives de tous les secteurs. Créée en 2001, Distinction possède une vaste expérience dans la réalisation de campagnes primées et à retour sur investissement élevé. Bien que notre équipe soit petite, nous sommes très expérimentés. Distinction appartient à James et Greg Bloor, qui, comme leur nom l’indique, sont des frères.

Voici une capture d'écran de la page d'accueil Distinction:

Impression initiale

Ces derniers temps, nous avons critiqué le design, je reçois toujours des propositions qui me plaisent! Distinction a une conception de site solide. Une de mes seules préoccupations ici est que c'est peut-être un peu trop sûr. Tout est si propre, parfait et bien rangé que cela ressemble un peu plus à un modèle qu'à la création d'une agence de design innovante.

Cela se résume en réalité à savoir quel est leur public cible et ce qu’ils perçoivent comme séduisant. La langue sur le site semble cibler un client d'entreprise très professionnel. Dans ce domaine, le? Coffre-fort? route pourrait en fait être la meilleure solution, car elle reflète le type de conception que ces clients recherchent probablement.

Conception d'en-tête

Malgré mes affirmations selon lesquelles le site est un peu fade, la première image du curseur situé en haut de la page aide réellement à transformer la conception de la page en quelque chose de plus excitant. L'image de super-héros pour les enfants est audacieuse et comique, ce qui ajoute une touche de convivialité à la page.

Cette bannière en particulier vous permet également de faire immédiatement confiance à l’agence. Lorsque je vois que vous vous situez convenablement dans une liste des meilleures agences, je me sens certainement plus en sécurité lorsque je fais mon investissement avec vous.

Au-dessus du diaporama se trouve le logo et la navigation de la société, là où vous vous attendez à le trouver. J'aime le fait qu'il n'y ait pas beaucoup de distractions dans ce domaine, juste l'essentiel. Cela aide à attirer votre attention sur le diaporama et d’autres informations importantes.

Alignement de la grille

Comme vous pouvez le constater, la plupart du contenu de la page respecte un alignement strict de la grille. Cela devrait sembler assez familier: la largeur totale de la section blanche est de 960 pixels et la largeur du contenu de 940 pixels, chacune des quatre colonnes en avant pesant environ 220 pixels de large avec une gouttière de 20 pixels.

Il y a une raison pour laquelle cette disposition est si commune, cela fonctionne vraiment bien. Le contenu est agréable et uniforme ici, mais aussi bien varié pour éviter la monotonie. Remarquez comment la section avec le graphique du livre et le fond sombre attire votre attention et fournit un contraste bien nécessaire.

Le flux d'informations fonctionne bien ici et reflète les différentes sections de la navigation: voici les services que nous offrons, voici quelques-uns de nos travaux récents et, enfin, quelques nouvelles de l'entreprise. J'aime vraiment quand je peux avoir un aperçu de tout le site en petits morceaux sur la page d'accueil et c'est exactement la stratégie qui est utilisée ici.

Bas de page

Comme tout le reste, le pied de page est beau et propre, il ne contient que quelques colonnes de liens et rien de plus. Quand je la regarde, je ne peux m'empêcher de penser que c'est déséquilibré. Le poids visuel est maladroitement gauche avec les deux grandes listes, ce qui crée une sorte de sensation d'échec pour le contenu à droite.

Pour aider à équilibrer cela, je recommande la mise en page ci-dessous. J'ai jeté le logo de la société, ce qui aide la page à se faire remarquer et ajoute du poids nécessaire sur le côté droit du pied de page.

Autres pages

Les autres pages principales du sont également alignées, cette fois avec une barre noire épaisse sur la page contenant un titre ou une question. C'est un élément très fort avec un contraste si audacieux avec le fond blanc que vous ne pouvez pas vous empêcher de regarder.

Une chose que j'ai remarquée en parcourant le site, c'est qu'il commence à se sentir saturé de photos. Les images d'archives conviennent bien lorsqu'elles reçoivent votre message, mais vous devez faire attention à ne pas les utiliser comme une béquille de conception lorsque quelque chose d'autre fonctionnera beaucoup mieux.

À titre d'exemple, considérons les? Études de cas? page ci-dessous. Ici, chaque image renvoie à un projet sur lequel Distinction a travaillé. Les miniatures sont l’endroit idéal pour afficher un aperçu du travail, mais plusieurs d’entre elles possèdent une photo qui ne communique pas correctement avec ce qui se trouve à l’intérieur.

Conclusion

Pour résumer, je pense que Distinction a un site vraiment magnifique. Le design est propre et professionnel, le contenu est superbement organisé et chaque page attire efficacement l'attention sur les domaines importants.

J'ai eu le sentiment que tout était un peu trop complexe pour un site d'agence de design et je les ai encouragés à faire des déclarations plus grandes et plus audacieuses à l'avenir en incorporant des idées uniques.

En outre, la photographie est un outil solide pour tout concepteur, mais vous devez savoir que vous utilisez des clichés? images de stock, en particulier lorsque d’autres ressources telles que des captures d’écran sont facilement disponibles.

À 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.