Web Design Critique # 54: BDQWorks
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 BDQWorks, een Drupal / WordPress-themaontwerp- en ontwikkelingsbedrijf.
Als u wilt dat uw website wordt opgenomen in een toekomstige ontwerpkritiek, duurt het maar een paar minuten. We rekenen $ 34 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 BDQWorks
BDQWorks is een kleine webdesign- en programmeerstudio van Jason Saeho Lee uit Toronto, Ontario, Canada. BDQWorks werkt voornamelijk voor middelgrote bedrijven uit Canada zoals Kudos Home & Design en verschillende YouTube-sensaties zoals Clara C.
Hier is een screenshot van de homepage:
Eerste indruk
BDW Works is een ontwerpbureau, dus het zou me in een lastige positie brengen als ik dacht dat hun site lelijk was, gelukkig niet. Er zijn zeker een paar dingen waar ik niet bepaald enthousiast over ben, maar de meeste komen neer op een manier van voorkeur.
Over het algemeen is de site bruikbaar en zeer goed ontworpen, net als het werk dat BDQWorks dagelijks doet. Laten we enkele afzonderlijke stukjes opsplitsen om te zien wat we vinden.
navigatie menu
Als je deze kritieken wekelijks volgt, weet je dat een van de eerste dingen die ik altijd op een site bekijk het navigatiemenu is. Dit is het belangrijkste onderdeel voor gebruikers om te komen waar ze naartoe willen en ik ben er vast van overtuigd dat dit element perfect moet zijn om een website succesvol te noemen.
Het BDQWorks-menu is eigenlijk vrij uniek en heeft echt een andere structuur dan ik op andere sites heb gezien. Hier is een voorbeeld:
Zoals u kunt zien, bevatten de vervolgkeuzemenu's niet alleen een lijst met links, maar ook een klein stukje informatie. Dit is eigenlijk best leuk en geeft je een idee wat je kunt verwachten als je die specifieke link volgt.
Het nadeel hiervan is dat het zo anders aanvoelt dat het me een seconde kostte om te beseffen wat er aan de hand was, vooral omdat de verschillende vervolgkeuzemenu's de uitlijning op je veranderen, waardoor je niet precies weet wat je kunt verwachten terwijl je over de volgende optie zweeft.
Om die schokkende verandering te voorkomen, zou ik aanraden om alle dropdowns dezelfde uitlijning te geven, zodat de lijst met links en de beschrijving nooit van kant wisselen. U kunt ook overwegen het zweefeffect te wijzigen in een daadwerkelijke kleurenbalk achter de tekst, dus het is duidelijker dan dat de tekst eenvoudig van kleur verandert. Met het grote menu vol inhoud zal dit de gebruiker helpen bij het kiezen van de opties waarop ze moeten klikken.
Illustraties
Het gepersonaliseerde thema van de site lijkt deze kleine geïllustreerde mensen te zijn die op verschillende plaatsen opduiken. Ze zijn opzettelijk ruw getekend en geven de site een vriendelijke, antropomorfe toets.
Eerlijk gezegd ben ik niet gek op de illustratiestijl. Dit komt uiteindelijk neer op een manier van voorkeur, maar ik denk dat ze eigenlijk dienen om de algehele esthetiek van de site naar beneden te halen.
De foto van de klant, die deze personages vervangt na een paar seconden bekijken van de site, is veel aantrekkelijker en aantrekkelijker. Het geeft het idee dat je werk van hoge kwaliteit produceert in plaats van dat idee tegen te gaan, zoals de illustraties doen.
Secundaire navigatie
Ongeveer halverwege de pagina is er een horizontale rij afbeeldingen en links die ik de secundaire navigatie zal noemen. Deze geven elk een service weer die BDQWorks aanbiedt en tonen een afbeelding van een Mac-vriendelijke desktop.
Helemaal aan het einde hiervan staat echter een klein doosje met de tekst 'Thema's'. Ik vind deze aanraking zowel leuk als niet leuk. Wat ik leuk vind, is het idee en de bedoeling erachter. Je wilde dit gebied speciale aandacht geven zodat je het er anders uit liet zien dan de andere. Het breekt het fotothema, de uniforme grootte die door de anderen wordt bepaald en de keuze van het lettertype.
Het probleem is dat het het uiterlijk van de anderen schendt zonder het aan te vullen. Op dezelfde manier dat twee kleuren met elkaar kunnen conflicteren of elkaar aanvullen, kunnen twee visuele objecten botsen of harmonie vinden. Deze laatste kleine doos lijkt eigenlijk gewoon niet op zijn plaats, bijna alsof een heel andere ontwerper hem als een bijzaak heeft gestopt.
Mijn aanbeveling is om dit gebied opnieuw te bekijken. Splits eerst het gebied in vijf dozen van gelijke grootte. Plaats vervolgens het vak "Thema's" in het midden. Als je er aandacht aan wilt besteden, is dit een goede plek. Gebruik ten slotte alleen kleur en lettergrootte om het te differentiëren. Ik denk dat een zwarte doos mooi contrasteert met de andere zonder ongemakkelijk te zijn. Misschien kunt u bij het iMac-thema blijven (plak de logo's op het iMac-scherm) en de fonts die elders worden gebruikt, zij het een beetje groot of brutaler.
Solide berichten
Een plaats waar ik denk dat BDQ echt geweldig werk levert, is het afhandelen van de communicatie op de pagina. Overal waar ik kijk, word ik eraan herinnerd dat dit een webdesignbureau is dat gespecialiseerd is in Drupal en WordPress. Je kunt het gewoon niet missen! Dit is geweldig voor bezoekers die voor het eerst komen, omdat het meteen het doel van de site en de identiteit van het bedrijf duidelijk maakt.
Zoals u kunt zien aan de bovenstaande afbeelding, is een van de eerste dingen die u op de pagina ziet, een beschrijving van wie het bedrijf is en een lijst met de services die zij aanbieden.
Dit concept wordt nog verder versterkt door de introductievideo aan de linkerkant van de homepage, die u kennis laat maken met BDQWorks, u een deel van hun werk laat zien en echte klantinterviews bevat die de lof van het bedrijf ondertekenen. Deze video is zeer goed geproduceerd en geeft me echt het vertrouwen dat dit een eersteklas, professioneel bedrijf is en dat ik kan vertrouwen op zowel de kwaliteit van het werk dat ze produceren als de klantenservice die ze zullen bieden.
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.
