Web Design Critique # 51: Brush Lovers

Elke week bekijken we een nieuwe website en analyseren we het ontwerp. We zullen wijzen op zowel de gebieden die goed zijn gedaan als de gebieden die wat werk kunnen gebruiken. Ten slotte sluiten we je af met je eigen feedback.

De site van vandaag is BrushLovers, een online winkel voor Photoshop-penselen die wordt gerund door Walter Apai van Web Designer Depot.

Als u wilt dat uw website wordt opgenomen in een toekomstige ontwerpkritiek, duurt het maar een paar minuten. We brengen $ 49 in rekening voor het bekritiseren van uw ontwerp - aanzienlijk minder dan u zou betalen voor een consultant om uw site te bekijken! Meer informatie vind je hier.

Over Brush Lovers

"Onze borstels zijn zorgvuldig gemaakt met uren werk in elke vorm."

“BrushLovers heeft een van de grootste collecties exclusieve en hoogwaardige Photoshop-penselen op het web. We hebben honderden Photoshop-penselen die gratis zijn voor zowel persoonlijk als commercieel gebruik. Deze collectie vind je nergens anders! We hebben ook een prachtige selectie premiumborstels die voor slechts $ 3 worden verkocht, of u kunt downloadborstelpakketten kopen voor nog minder. Onze borstels zijn zorgvuldig gemaakt met uren werk in elke vorm. Ze hebben allemaal een hoge resolutie en zijn perfect voor zowel web- als printdesign. ”

Hier is een gedeelte van de homepage:

Eerste indruk

Ik denk dat BrushLovers een geweldig ogende site is, wat geen verrassing is, aangezien het wordt beheerd door een man die een van de beste webdesignblogs bezit. Het is altijd goed om te zien dat iemand doet wat ze prediken!

Het ontwerp is prachtig, maar zeer functioneel. Iedereen kan deze site zien en meteen weten wat het is en hoe het werkt. Het zou je verbazen hoe moeilijk dat ogenschijnlijk simpele doel is om te bereiken.

Terwijl u uw muis over de site beweegt, kunt u zien dat er genoeg eye-candy is in de vorm van soepele, geanimeerde zweefeffecten. Er is wat solide CSS3 en JavaScript aan het werk hier onder de motorkap, waardoor een al solide ervaring nog beter wordt.

Laten we in de kern springen en enkele van de fijnere elementen van de site uit elkaar halen.

Logo van BrushLovers

Ik haat het om logo's als onderdeel van een website te bekritiseren, simpelweg omdat veel webontwerpers geen controle hebben over het logo dat ze hebben gekregen of omdat ze gewoon iets snels en lelijks overgeven als bijzaak.

Dit logo is een verfrissende verandering. Het combineert een penseelstreek, de letter "b" en een hart en zegt daarbij alles wat het moet zeggen!

Interessant genoeg kan ik echter niet anders dan denken aan een omgekeerde versie van het oude Jiffy Lube-logo als ik ernaar kijk.

Navigatie

Ik vind het geweldig hoe de navigatie bovenop de inhoud staat en de twee typisch gescheiden secties verenigt. Het ontwerp maakt gebruik van een CSS-verloop, omgekeerd zweefeffect en een groot maar schoon vervolgkeuzemenu voor de categorieën.

De afgeronde hoeken zijn een leuke touch en dit is een mooi voorbeeld van het gebruik van de Google Font API om uit de doos te breken met je weblettertypen. Het lettertype hier is Cuprum, niets geks of overdreven sierlijks, gewoon een mooi en rond gecomprimeerd hoofdlettertype dat perfect bij het thema past.

Achtergrondafbeelding

De achtergrondafbeelding hier maakt het ontwerp echt mooi af. Het getextureerde, aquarel abstracte schilderij is absoluut perfect voor een site waar penselen worden verkocht. Het is net vet genoeg om een ​​sterke impact op de pagina te hebben en net zo subtiel dat het niet teveel afbreuk doet aan de hoofdcommentaar.

Berichten

De berichten voor de site zijn supereenvoudig en daarom is het zo sterk. De kleur rood wordt hier vakkundig gebruikt om uw aandacht af te leiden. Zodra u de pagina laadt, trekt het vetgedrukte rood in het logo uw aandacht, dat vervolgens wordt afgewend tot de volgende grote partij rood in de tekst "We love brushes".

Let op wat de ontwerper hier heeft gedaan. In plaats van simpelweg een saai tekstblok in te voegen, creëerde hij eerst een zeer visuele kop die je naar binnen trekt en vervolgens een korte uitleg van de site ernaast plaatst.

Galerij

Een van de belangrijkste aspecten van het hele ontwerp is natuurlijk hoe de borstels worden weergegeven. Het grootste deel van de startpagina is gewijd aan een grote, filterbare galerij met echt aantrekkelijke penseelvoorbeelden.

De hoeken zijn afgerond, blijven consistent met de navigatie, je kunt een aantal mooie subtiele randen zien en alle verschillende informatie over stemmen, prijzen, etc. wordt allemaal in één kleine ruimte geplaatst zonder er in het minst druk uit te zien.

Ik hou vooral van het zweefeffect hier, dat de witte rand vervaagt en de afbeelding naar de rand laat bloeden.

Penseel pagina

Als u op een penseel in de galerij klikt, gaat u naar die speciale penseelpagina. De lettertypen zijn hier weer rond en gecomprimeerd (herhaling) en de lay-out van alle verschillende stukken hier is perfect. Er is veel informatie, links, knoppen voor delen, enz. Maar het voelt niet als veel dingen, wat moeilijk te doen is.

Ik hou vooral van die enorme knop 'Nu kopen', die zo opvalt dat je hem gewoon niet mag missen.

Voettekst

Last but not least, zelfs de voettekst voor deze site is prachtig. Net als al het andere is het zeer goed georganiseerd en past het perfect bij de inhoud erboven. Ik vind het leuk hoe het het ontwerp genoeg schendt om op te vallen terwijl het nog steeds erg vasthoudt aan hetzelfde visuele thema.

Gevolgtrekking

Ik twijfel ongetwijfeld lang genoeg over deze site. Het komt zelden voor dat ik een van deze kritieken uitvoer zonder iets negatiefs te vinden, maar dit ontwerp is echt zo goed.

Ik heb talloze ontwerpresourcesites gezien die bijna dezelfde exacte lay-out hebben, maar deze slecht implementeren. Je kunt echt zien dat deze ontwerper de tijd en zorg heeft genomen om alles precies goed te maken. Alles voelt soepel aan, ziet er geweldig uit en werkt perfect. Heel goed gedaan!

Jouw beurt!

Nu je mijn opmerkingen hebt gelezen, kun je meedoen en helpen door de ontwerper wat verder advies te geven. Laat ons weten wat je geweldig vindt aan het ontwerp en wat je denkt dat sterker zou kunnen zijn. Zoals altijd vragen we u ook respect te hebben voor de ontwerper van de site en duidelijk constructief advies te geven, zonder harde beledigingen.