Chaque semaine, nous examinons un nouveau site Web et en analysons le design. Nous indiquerons à la fois les 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 "Nous pouvons entretenir votre voiture".
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.
Nous pouvons entretenir votre voiture?
Nos clients sont au cœur de nos activités. Nous sommes ici pour éliminer toute la fumée et les miroirs qui donnent une mauvaise réputation au commerce automobile. L'entretien des voitures a changé et notre activité est totalement alignée sur la nouvelle approche de l'entretien des voitures. Nous nous efforçons d’économiser sur nos clients, de leur fournir le meilleur service possible et de leur donner confiance dans ce que nous disons.
Voici la page d'accueil du site:
C'est un site intéressant et devrait nous donner beaucoup de points à discuter. Passons directement à l'analyse et analysons le site pièce par pièce.
Contexte
Le fond du site Web est cette illustration de schéma directeur. La plupart du temps, son contenu est masqué, mais vous en avez assez vu pour que vous sachiez ce qui se passe.
Les voitures ne sont pas la première chose qui m’arrive à l’esprit quand je pense aux plans, mais la référence aux machines fait que cela fonctionne. J'adore le graphique en tant qu'article autonome, mais je pense qu'il pourrait être légèrement atténué sur le site Web pour éviter toute confusion visuelle. Je recommande de réduire l'opacité un peu plus pour qu'elle soit à peine visible. Vous pourriez également envisager de réduire un peu la taille.
Entête
Lorsque nous regardons l'en-tête, nous pouvons voir immédiatement le thème qui sera véhiculé sur tout le site. Coins arrondis avec ombres portées, alternant les nuances de bleu avec du blanc et une typographie audacieuse.
Ma première impression fut que la navigation semblait énorme. Cette combinaison avec le logo de la voiture donne soudainement cette impression de site pour enfants. Cependant, peut-être que votre marché cible inclut les personnes âgées qui ne peuvent plus travailler elles-mêmes sur une voiture ou d'autres types non techniques. Si tel est le cas, les gros boutons seront probablement appréciés par vos utilisateurs. Parfois, la facilité d'utilisation l'emporte sur l'esthétique. Assurez-vous simplement de déterminer à qui vous vous adressez et essayez de répondre à leurs besoins.
Retour au logo de la voiture. J'aime le concept, il a beaucoup de personnalité. Cependant, l'exécution n'est pas la meilleure. Je ne sais pas comment le réparer sans le redéfinir complètement, mais vous pouvez demander à la personne qui a créé le logo de créer quelques autres esquisses. Si vous décidez de coller avec le logo actuel, assurez-vous de bien nettoyer les bords. Ils sont actuellement un peu déchiquetés et pixelisés, en particulier autour du pare-brise.
Bienvenue
La zone suivante de la page communique efficacement beaucoup d'informations dans un espace restreint. Les points de balle sont à la fois efficaces et efficients ici et les noms de fabricants de voitures qui défilent continuellement en bas renforcent la "toute voiture". aspect.
Le designer a choisi d’apporter du rouge ici pour plus d’importance. Cela enfreint les couleurs et attire donc immédiatement votre attention. J'aime la citation à tirer et la manière dont elle est parfaitement alignée en haut et en bas avec la copie par balle.
Le problème avec cette zone, et en fait une grande partie du site, est la hiérarchie visuelle. Comme je l'ai dit, le rouge aide à souligner les points appropriés, mais tout le reste est toujours en compétition pour attirer l'attention plutôt que pour permettre une délimitation claire de l'importance.
Par exemple, tout le texte sur le site est en gras? tout. Le texte en gras est idéal pour ajouter de l’emphase là où cela est nécessaire, mais un problème se pose lorsque vous le prenez trop loin: si tout est spécial, alors rien n’est spécial. Je recommande de repenser vos choix de typographie et de réduire le poids de la plupart du texte, en ne laissant que les parties les plus importantes en gras.
En outre, le concept de hiérarchie s'applique également à la taille. Remarquez comment le? Bienvenue? le titre a la même taille (ou proche) que la copie par balle. Encore une fois, nous voyons un cas de concurrence pour attirer l'attention. Comme le titre définit et introduit la section, augmentez sa taille tout en diminuant celle des points.
Voici une maquette rapide et sale de cette section réinventée avec une meilleure utilisation de la hiérarchie visuelle. Vous n'avez pas à le faire exactement comme cela, mais simplement à vous concentrer sur la façon dont l'information est divisée de manière beaucoup plus nette.
Contenu
La zone de contenu est attrayante et apporte une photographie conviviale, mais souffre du même problème avec tout le texte en gras.
Une autre suggestion clé consiste à créer une unité visuelle pour les photos et le texte situé immédiatement en dessous. À l'heure actuelle, vous avez deux éléments visuels distincts empilés l'un sur l'autre, alors qu'ils pourraient facilement être liés ensemble de manière plus cohérente. Encore une fois, c'est rapide et sale, mais vous voyez l'idée.
Bas de page
Enfin, jetons un coup d’œil au pied de page. Le contenu ici est assez simple mais il a été créé pour paraître beaucoup plus complexe et déroutant qu’il ne l’est réellement.
Tout d'abord, le rouge a travaillé sur le blanc ci-dessus, mais le rouge ne fonctionne certainement pas sur le bleu. Les deux couleurs vives superposées entrent en conflit au lieu du contraste. De plus, le texte a vraiment besoin de travail. Encore une fois, augmentez un peu l'audace, réduisez l'importance de la ligne de copyright et corrigez le bouton de recherche difficile beaucoup plus long que le mot contenu à l'intérieur (réduisez la largeur, centrez le texte dans le bouton).
Le pied de page collant qui conserve le numéro de téléphone lorsque vous faites défiler est une touche agréable. Souvent, lorsque quelqu'un visite le site Web d'une entreprise physique, il ne souhaite qu'une chose: le numéro de téléphone. Le numéro de téléphone reste avec vous lorsque vous faites défiler le site, ce qui le rend presque impossible à manquer.
À 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.