Critique de conception Web # 51: Amateurs de pinceaux

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 BrushLovers, une boutique en ligne de pinceaux Photoshop dirigée par Walter Apai de Web Designer Depot.

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 49 $ 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 des amateurs de pinceaux

"Nos pinceaux sont méticuleusement conçus avec des heures de travail dans chaque forme."

«BrushLovers possède l'une des plus grandes collections de pinceaux Photoshop exclusifs et de haute qualité sur le Web. Nous proposons des centaines de pinceaux Photoshop gratuits pour un usage personnel et commercial. Vous ne trouverez cette collection nulle part ailleurs! Nous avons également une belle sélection de brosses premium à partir de seulement 3 $, ou vous pouvez acheter des packs de brosses à télécharger pour encore moins. Nos brosses sont méticuleusement conçues avec des heures de travail allant dans chaque forme. Ils sont tous à haute résolution et parfaits pour la conception Web et imprimée. »

Voici une section de la page d'accueil:

Première impression

Je pense que BrushLovers est un excellent site, ce qui n'est pas surprenant car il est géré par un homme qui possède l'un des meilleurs blogs de conception Web du monde. C'est toujours bon de voir que quelqu'un pratique ce qu'il prêche!

Le design est magnifique, mais très fonctionnel. N'importe qui peut voir ce site et savoir immédiatement de quoi il s'agit et comment il fonctionne, vous seriez surpris de voir à quel point cet objectif apparemment simple est difficile à atteindre.

Lorsque vous déplacez votre souris sur le site, vous pouvez voir qu'il y a beaucoup de bonbons pour les yeux sous la forme d'effets de survol doux et animés. Il y a du CSS3 et du JavaScript solides à l'œuvre ici sous le capot, ce qui rend une expérience déjà solide encore meilleure.

Sautons dans le vif du sujet et sélectionnons certains des éléments les plus fins du site.

Logo BrushLovers

Je déteste critiquer les logos en tant que partie d'un site Web simplement parce que de nombreux concepteurs de sites Web n'ont aucun contrôle sur le logo qui leur a été donné ou parce qu'ils lancent quelque chose de rapide et laid après coup.

Ce logo est un changement rafraîchissant. Il combine un coup de pinceau, la lettre «b» et un cœur et, ce faisant, dit tout ce qu'il faut dire!

Curieusement, je ne peux m'empêcher de penser à une version inversée de l'ancien logo Jiffy Lube quand je le regarde.

La navigation

J'adore la façon dont la navigation se situe juste au-dessus du contenu, unifiant les deux sections généralement séparées. La conception utilise un dégradé CSS, un effet de survol inversé et un menu déroulant important mais propre pour les catégories.

Les coins arrondis sont une belle touche et c'est un bel exemple d'utilisation de l'API Google Font pour sortir de la boîte avec vos polices Web. La police ici est Cuprum, rien de fou ou de trop orné, juste une police majuscule compressée agréable et ronde qui correspond parfaitement au thème.

Graphique de fond

Le graphique d'arrière-plan termine bien le design. La peinture abstraite texturée et aquarelle est absolument parfaite pour un site vendant des pinceaux. Il est juste assez audacieux pour avoir un fort impact sur la page et juste assez subtil pour ne pas trop nuire au commentaire principal.

Messagerie

La messagerie pour le site est super simple, et c'est pourquoi elle est si forte. La couleur rouge est utilisée de manière experte ici pour détourner votre attention. Dès que vous chargez la page, le rouge gras du logo attire votre attention, qui est ensuite détourné vers le prochain gros lot de rouge dans le texte «Nous aimons les pinceaux».

Remarquez ce que le designer a fait ici. Plutôt que d'insérer simplement un bloc de texte ennuyeux, il a d'abord créé un titre très visuel qui vous attire, puis place une brève explication du site à côté de lui.

Galerie

Bien entendu, l'un des aspects les plus importants de l'ensemble de la conception est la représentation des pinceaux. La plupart de la page d'accueil est consacrée à une grande galerie filtrable d'aperçus de pinceaux vraiment attrayants.

Les coins sont arrondis, en restant cohérent avec la navigation, vous pouvez voir de belles bordures subtiles, et toutes les informations de vote, de tarification, etc. sont toutes placées dans un espace minuscule sans avoir l'air du tout encombré.

J'aime particulièrement l'effet de survol ici, qui atténue la bordure blanche et laisse l'image saigner sur le bord.

Page pinceau

En cliquant sur un pinceau dans la galerie, vous accédez à cette page dédiée aux pinceaux. Les polices ici sont à nouveau rondes et compressées (répétition) et la disposition de toutes les différentes pièces ici est parfaite. Il y a beaucoup d'informations, de liens, de boutons de partage, etc., mais cela ne ressemble pas à beaucoup de choses, ce qui est difficile à retirer.

J'aime particulièrement cet énorme bouton «Acheter maintenant», qui se démarque tellement que vous ne pouvez tout simplement pas le manquer.

Bas de page

Dernier point mais non le moindre, même le pied de page de ce site est magnifique. Comme tout le reste, il est très bien organisé et s'harmonise parfaitement avec le contenu au-dessus. J'aime la façon dont il viole suffisamment le design pour se démarquer tout en restant très fidèle au même thème visuel.

Conclusion

J'ai sans doute déclamé et déliré ce site depuis assez longtemps. Il est rare que je fasse une de ces critiques sans trouver quoi que ce soit de négatif à dire, mais ce design est vraiment si bon.

J'ai vu d'innombrables sites de ressources de conception qui prennent presque la même disposition exacte mais la mettent en œuvre mal. Vous pouvez vraiment dire que ce designer a pris le temps et le soin de tout faire correctement. Tout semble lisse, a fière allure et fonctionne parfaitement. Très bien fait!

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