Critique de conception Web # 54: BDQWorks
Chaque semaine, nous examinons un nouveau site Web et analysons le design. Nous soulignerons à la fois les domaines qui sont bien réalisés en plus de ceux qui pourraient utiliser un peu de travail. Enfin, nous terminerons en vous demandant de fournir vos propres commentaires.
Le site d'aujourd'hui est BDQWorks, une société de conception et de développement de thèmes Drupal / WordPress.
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 - beaucoup moins que ce que vous paieriez pour qu'un consultant jette un œil à votre site! Vous pouvez en savoir plus ici.
À propos de BDQWorks
BDQWorks est un petit studio de conception et de programmation Web de Jason Saeho Lee de Toronto, Ontario, Canada. BDQWorks travaille principalement pour des entreprises de taille moyenne du Canada comme Kudos Home & Design et plusieurs sensations YouTube comme Clara C.
Voici une capture d'écran de la page d'accueil:
Impression initiale
BDW Works est une agence de design, donc ça me mettrait dans une position inconfortable si je pensais que leur site était moche, heureusement non. Il y a certainement quelques choses qui ne me plaisent pas particulièrement, mais la plupart se résument à une préférence.
Dans l'ensemble, le site est utilisable et très bien conçu, tout comme le travail que BDQWorks publie quotidiennement. Décomposons certaines des pièces individuelles pour voir ce que nous trouvons.
le menu de navigation
Si vous suivez ces critiques chaque semaine, vous savez que l'une des premières choses que je vérifie toujours sur un site est le menu de navigation. C'est l'élément clé pour que les utilisateurs arrivent où ils veulent aller et je suis fermement convaincu que cet élément doit être sur place pour qualifier un site Web de succès.
Le menu BDQWorks est en fait assez unique et a vraiment une structure différente de celle que j'ai vue sur d'autres sites. Voici un aperçu:
Comme vous pouvez le voir, les menus déroulants ne contiennent pas simplement une liste de liens, mais aussi un petit extrait d'informations. C'est en fait assez agréable et vous donne une idée de ce à quoi vous pouvez vous attendre si vous suivez ce lien particulier.
L'inconvénient est que cela semble si différent qu'il m'a fallu une seconde pour comprendre ce qui se passait, d'autant plus que les différentes listes déroulantes changent d'alignement sur vous, vous laissant ne pas savoir à quoi vous attendre lorsque vous survolez l'option suivante.
Pour éviter ce changement discordant, je recommanderais de donner à toutes les listes déroulantes le même alignement afin que la liste des liens et la description ne changent jamais de côté. En outre, vous pouvez envisager de changer l'effet de survol en une barre de couleur réelle derrière le texte, ce qui est plus évident que le simple changement de couleur du texte. Avec le grand menu plein de contenu, cela aidera à guider l'utilisateur vers les options sur lesquelles il doit cliquer.
Des illustrations
Le thème personnalisé du site semble être ces petites personnes illustrées qui apparaissent à différents endroits. Ils sont intentionnellement grossièrement dessinés et apportent une touche anthropomorphe amicale au site.
Pour être honnête, je ne suis pas fou du style d'illustration. Cela se résume finalement à une manière de préférence, mais je pense qu'ils servent en fait à faire baisser l'esthétique globale du site.
La photo du client, qui remplace ces personnages après quelques secondes de consultation du site, est beaucoup plus attrayante et attrayante. Cela donne à l'idée que vous produisez un travail de haute qualité plutôt que de contrecarrer cette notion comme le font les illustrations.
Navigation secondaire
À mi-chemin de la page, il y a une rangée horizontale d'images et de liens que j'appellerai la navigation secondaire. Celles-ci représentent chacune un service que BDQWorks propose et affiche une image d'un bureau compatible Mac.
À la toute fin de cela, une petite boîte indique simplement «Thèmes». J'aime et n'aime pas cette touche. Ce que j'aime, c'est l'idée et l'intention derrière cela. Vous vouliez accorder une attention particulière à ce domaine, vous l'avez donc rendu différent des autres. Il casse le thème de la photo, la taille uniforme qui est établie par les autres et le choix de police.
Le problème est qu'il viole le regard des autres sans le compléter. De la même manière que deux couleurs peuvent se contredire ou se compléter, deux objets visuels peuvent s'affronter ou trouver l'harmonie. Cette dernière petite boîte semble vraiment hors de propos, presque comme si un concepteur complètement différent l'avait collée après coup.
Ma recommandation est de repenser ce domaine. Tout d'abord, divisez la zone en cinq cases de taille égale. Ensuite, placez la case «Thèmes» au milieu. Si vous voulez y prêter attention, c'est un bon endroit. Enfin, utilisez la couleur et la taille de la police uniquement pour les différencier. Je pense qu'une boîte noire contraste bien avec les autres sans être gênante. Peut-être pourriez-vous rester avec le thème iMac (coller les logos sur l'écran iMac) et les polices utilisées ailleurs, quoique légèrement grandes ou plus audacieuses.
Messagerie solide
Un endroit où je pense que BDQ fait vraiment du bon travail est de gérer la communication sur la page. Partout où je regarde, je me souviens qu'il s'agit d'une entreprise de conception Web spécialisée dans Drupal et WordPress. Vous ne pouvez tout simplement pas le manquer! C'est une bonne chose pour les visiteurs pour la première fois car cela rend immédiatement clair le but du site et l'identité de l'entreprise.
Comme vous pouvez le voir sur l'image ci-dessus, l'une des premières choses que vous voyez sur la page est une description de l'entreprise et une liste des services qu'elle propose.
Ce concept est poussé encore plus loin par la vidéo d'introduction sur le côté gauche de la page d'accueil, qui vous présente BDQWorks, vous montre une partie de leur travail et contient de véritables interviews de clients signant les louanges de l'entreprise. Cette vidéo est très bien produite et me donne vraiment la certitude qu'il s'agit d'une entreprise professionnelle de premier ordre et que je peux être confiant à la fois dans la qualité du travail qu'ils produisent et dans le service client qu'ils fourniront.
À ton tour!
Maintenant que vous avez lu mes commentaires, lancez-vous et aidez-moi en donnant au designer quelques conseils supplémentaires. Faites-nous savoir ce que vous pensez de la conception et ce que vous pensez pourrait être plus fort. Comme toujours, nous vous demandons également d'être respectueux envers le concepteur du site et d'offrir des conseils constructifs clairs, sans insultes.
