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 BDQWorks, une entreprise 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, 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 BDQWorks
BDQWorks est un petit studio de conception Web et de programmation de Jason Saeho Lee, de Toronto, en Ontario, au Canada. BDQWorks travaille principalement pour les moyennes entreprises canadiennes telles que Kudos Home & Design et pour plusieurs émotions sur YouTube telles que Clara C.
Voici une capture d'écran de la page d'accueil:
Impression initiale
BDW Works est une agence de design. Cela me mettrait dans une position inconfortable si je pensais que leur site était moche, heureusement que ce n'est pas le cas. Il y a certainement certaines choses pour lesquelles je ne suis pas particulièrement enthousiasmé, mais la plupart d'entre elles se résument à une préférence.
Dans l’ensemble, le site est utilisable et très bien conçu, à l’instar du travail effectué quotidiennement par BDQWorks. Décomposons quelques 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. Il s’agit là de l’élément clé permettant aux utilisateurs de se rendre où ils veulent et je suis fermement convaincu que cet élément doit être parfaitement mis en avant pour appeler un site Web avec succès.
Le menu BDQWorks est en fait assez unique et présente une structure différente de celle que j'ai vue sur d'autres sites. Voici un aperçu:
Comme vous pouvez le constater, les menus déroulants ne contiennent pas simplement une liste de liens, mais également un petit extrait d’information. C’est en fait assez agréable et vous indique à quoi vous pouvez vous attendre si vous suivez ce lien.
L'inconvénient est qu'il me semble si différent qu'il m'a fallu une seconde pour comprendre ce qui se passait, d'autant plus que les divers menus déroulants modifient les alignements, ce qui ne vous permet pas de savoir à quoi vous attendre lorsque vous survolerez l'option suivante.
Pour éviter ce changement choquant, je recommanderais de donner le même alignement à toutes les listes déroulantes afin que la liste de liens et la description ne changent jamais de côté. En outre, vous pouvez envisager de remplacer l’effet de survol par une barre de couleur située derrière le texte, ce qui le rend plus évident que le simple changement de couleur du texte. Avec le grand menu plein de contenu, cela aidera l’utilisateur à choisir les options sur lesquelles il doit cliquer.
Des illustrations
Le thème personnalisé du site semble être ces petites personnes illustrées qui apparaissent à divers endroits. Ils sont volontairement dessinés grossièrement et apportent une touche anthropomorphique amicale au site.
Pour être honnête cependant, je ne suis pas folle du style d'illustration. Cela revient finalement à une préférence mais je pense qu’elles servent en réalité à réduire l’esthétique générale du site.
La photo du client, qui remplace ces caractères après quelques secondes d’affichage du site, est beaucoup plus attrayante et attrayante. Cela donne à penser que vous produisez un travail de haute qualité plutôt que de contrecarrer cette notion comme le font les illustrations.
Navigation secondaire
À peu près au milieu de la page, il y a une rangée horizontale d'images et de liens que je qualifierai de navigation secondaire. Celles-ci décrivent chacune un service offert par BDQWorks et affichent l'image d'un bureau compatible Mac.
À la fin de ceci, cependant, se trouve une petite boîte qui dit simplement "Thèmes". J'aime et n'aime pas ce contact. Ce que j'aime, c'est l'idée et l'intention qui s'y cachent. Vous vouliez accorder une attention particulière à ce domaine afin de le rendre différent des autres. Cela casse le thème de la photo, la taille de l'uniforme établie par les autres et le choix de la 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 être en conflit ou complémentaires, deux objets visuels peuvent se heurter ou trouver une harmonie. Cette dernière petite boîte a vraiment l’air hors de propos, presque comme si elle était collée par un designer complètement différent.
Ma recommandation est de repenser ce domaine. Commencez par diviser la zone en cinq zones de taille égale. Ensuite, placez les? Thèmes? boîte au milieu. Si vous voulez y faire attention, c'est un bon endroit. Enfin, utilisez la couleur et la taille de la police uniquement pour la différencier. Je pense qu'une boîte noire contraste bien avec les autres sans être gênante. Vous pourriez peut-être rester avec le thème iMac (coller les logos sur l’écran de l’iMac) et les polices utilisées ailleurs, bien que légèrement plus grandes ou plus grasses.
Messagerie solide
À mon avis, BDQ fait vraiment du très bon travail, c'est la gestion de la communication sur la page. Partout où je regarde, on me rappelle qu'il s'agit d'une firme de conception de sites 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 clarifie immédiatement l'objectif du site et l'identité de la société.
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 la société et une liste des services qu'elle propose.
Ce concept est poussé plus loin encore par la vidéo d’introduction sur le côté gauche de la page d’accueil, qui présente BDQWorks, présente une partie de leur travail et contient de véritables entretiens avec des clients, signant les éloges de la société. Cette vidéo est très bien produite et me donne vraiment l'assurance qu'il s'agit d'une entreprise professionnelle de premier ordre et que je peux avoir confiance en la qualité du travail qu'elle produit et du service à la clientèle qu'elle fournira.
À 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.