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 BrushLovers, une boutique en ligne pour les pinceaux Photoshop géré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 la critique de votre conception - bien moins que le coût d'un consultant pour consulter votre site! Vous pouvez en savoir plus ici.
À propos des amoureux de la brosse
«Nos pinceaux sont minutieusement conçus avec des heures de travail allant de 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 proposons également une belle sélection de brosses haut de gamme à partir de 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 prenant 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 site attrayant, ce qui n’est pas une surprise, car il est géré par un homme qui possède l’un des meilleurs blogs de conception de sites 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. Tout le monde peut voir ce site et savoir immédiatement en quoi il consiste et comment il fonctionne. Vous seriez surpris de la difficulté de cet objectif apparemment simple à atteindre.
Lorsque vous déplacez votre souris sur le site, vous pouvez constater que les effets de survol fluides et animés abondent. Il y a de la CSS3 et du JavaScript solides à l'oeuvre ici, ce qui rend une expérience déjà solide encore meilleure.
Faisons un saut 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 Web n’ont aucun contrôle sur le logo qui leur a été attribué ou parce qu’ils jettent simplement quelque chose de vilain et désagréable 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!
Chose intéressante, je ne peux m'empêcher de penser à une version inversée de l'ancien logo Jiffy Lube lorsque je le regarde.
La navigation
J'aime la façon dont la navigation se trouve 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 volumineux mais net pour les catégories.
Les coins arrondis apportent une touche agréable. C’est un bel exemple de l’utilisation de l’API de police de Google pour sortir des sentiers battus avec vos polices Web. La police utilisée ici est Cuprum, rien d’enthousiasmant ni de trop orné, il s’agit simplement d’une belle police arrondie en majuscule qui convient parfaitement au thème.
Graphique de fond
Le fond graphique ici termine vraiment bien le design. La peinture abstraite texturée et aquarelle est absolument parfaite pour un site de vente de pinceaux. Il est juste assez audacieux pour avoir un impact fort sur la page et juste assez subtil pour ne pas nuire au commentaire principal.
Messagerie
La messagerie pour le site est super simple, et c'est pourquoi elle est si puissante. La couleur rouge est utilisée ici avec compétence pour détourner votre attention. Dès que vous chargez la page, le rouge audacieux du logo attire votre attention, qui est ensuite évitée pour le prochain gros lot de rouge dans le modèle "Nous adorons les pinceaux". texte.
Notez ce que le concepteur 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é.
Galerie
L’un des aspects les plus importants de la conception est bien sûr la manière dont les brosses sont représentées. La majeure partie de la page d'accueil est dédiée à une grande galerie filtrable d'aperçus de brosses vraiment attrayants.
Les coins sont arrondis, tout en restant cohérents avec la navigation, vous pouvez voir de jolies frontières subtiles, et toutes les informations relatives au vote, aux prix, etc. sont toutes placées dans un espace minuscule sans avoir l'air trop encombrées.
J'aime particulièrement l'effet de survol ici, qui estompe la bordure blanche et laisse l'image saigner jusqu'au bord.
Page de pinceau
En cliquant sur un pinceau dans la galerie, vous accédez à la page dédiée aux pinceaux. Les polices ici sont à nouveau rondes et comprimées (répétition) et la disposition de toutes les pièces est parfaite. Il y a beaucoup d'informations, de liens, de boutons de partage, etc., mais ce n'est pas le cas. ressentir comme beaucoup de choses, ce qui est difficile à retirer.
J'aime particulièrement cet énorme? Acheter maintenant? bouton, qui se démarque tellement que vous ne pouvez 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'aligne parfaitement avec le contenu au-dessus. J'aime la façon dont il viole suffisamment le design pour se démarquer tout en conservant le même thème visuel.
Conclusion
J'ai sans aucun doute râlé sur ce site depuis trop longtemps. Il est rare que je fasse une de ces critiques sans rien trouver de négatif à dire, mais cette conception est vraiment bonne.
J'ai vu d'innombrables sites de ressources de conception qui prennent presque la même présentation mais la mettent en œuvre de manière médiocre. Vous pouvez vraiment dire que ce designer a pris le temps et le soin de tout rendre parfait. Tout est lisse, beau et fonctionne parfaitement. Très bien fait!
À 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.