Web Design Critique # 15: We kunnen uw auto onderhouden
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 We Can Service Your Car.
Als u wilt dat uw website wordt opgenomen in een toekomstige ontwerpkritiek, duurt het maar een paar minuten. We rekenen $ 24 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 "Wij kunnen uw auto onderhouden"
“Onze klanten staan centraal in wat we doen. We zijn hier om alle rook en spiegels te verwijderen die de motorhandel een slechte naam geven. Autoservice is veranderd en ons bedrijf is volledig afgestemd op de nieuwe benadering van autoservice. We streven ernaar onze klanten geld te besparen, de best mogelijke service te bieden en hen vertrouwen te geven in wat we zeggen. ”
Hier is de startpagina van de site:
Dit is een interessante site en zou ons genoeg punten moeten geven om te bespreken. Laten we er meteen in springen en de site stuk voor stuk analyseren.
Achtergrond
De achtergrond van de website is deze blauwdruk-tandwielillustratie. Het wordt meestal bedekt door de inhoud, maar het gluurt genoeg door zodat je kunt zien wat er aan de hand is.
Auto's zijn niet het eerste dat in me opkomt als ik aan blauwdrukken denk, maar de verwijzing naar machines zorgt ervoor dat het werkt. Ik ben dol op de afbeelding als een op zichzelf staand stuk, maar ik denk dat het een beetje kan worden afgezwakt op de website om visuele verwarring te voorkomen. Ik raad aan om de dekking iets meer te verminderen, zodat deze nauwelijks zichtbaar is. Je zou kunnen overwegen om het ook een beetje te verkleinen.
Koptekst
Als we naar de koptekst kijken, zien we meteen het thema dat de hele site zal dragen. Afgeronde hoeken met slagschaduwen, afwisselend blauwe tinten met wat wit erin en gedurfde typografie.
Mijn eerste indruk was dat de navigatie enorm leek. Dit gecombineerd met het auto-logo geeft dit ineens het gevoel van een kindersite. Misschien omvat uw doelgroep echter oudere personen die niet meer zelf aan een auto kunnen werken of andere niet-technische typen. Als dit het geval is, zullen de grote knoppen waarschijnlijk door uw gebruikers worden gewaardeerd. Soms overtreft bruikbaarheid de esthetiek. Zorg er wel voor dat u bedenkt voor wie u in de eerste plaats aan het ontwerpen bent en probeer een beroep te doen op hun behoeften.
Terug naar het auto-logo. Ik hou van het concept, het heeft veel persoonlijkheid. De uitvoering is echter niet de beste. Ik weet niet zeker hoe ik het moet repareren zonder het volledig opnieuw te ontwerpen, maar misschien laat de persoon die het logo heeft gemaakt een paar alternatieve schetsen bedenken. Als u besluit om bij het huidige logo te blijven, zorg er dan voor dat u de randen opruimt. Ze zijn momenteel een beetje grillig en korrelig, vooral rond de voorruit.
Welkom
Het volgende gebied op de pagina communiceert effectief veel informatie in een kleine ruimte. De opsommingstekens zijn hier zowel effectief als efficiënt en de voortdurend schuivende namen van autofabrikanten onderaan versterken het aspect 'elke auto'.
De ontwerper heeft ervoor gekozen om hier wat rood in te brengen voor nadruk. Het schendt het kleurenschema en trekt daarom meteen uw aandacht. Ik hou van het pull-citaat en hoe het perfect is uitgelijnd aan de boven- en onderkant met de opsommingsteken.
Het probleem met dit gebied, en zelfs een groot deel van de site, is de visuele hiërarchie. Zoals ik al zei, helpt het rood om de juiste punten te benadrukken, maar al het andere hier concurreert nog steeds om aandacht in plaats van om een duidelijke afbakening van belang te hebben.
Alle tekst op de site is bijvoorbeeld vetgedrukt ... alles. Vetgedrukte tekst is geweldig om de nadruk te leggen waar dat nodig is, maar een probleem doet zich voor als je te ver gaat: als alles speciaal is, is niets speciaal. Ik raad aan om uw typografische keuzes te heroverwegen en het gewicht van de meeste tekst te verminderen, waarbij alleen de belangrijkste delen vetgedrukt blijven.
Verder is het concept van hiërarchie ook van toepassing op omvang. Merk op dat de kop "Welkom" dezelfde grootte (of sluiting) heeft als de opsommingsteken. Opnieuw zien we een geval van strijden om aandacht. Aangezien de kop de sectie definieert en introduceert, vergroot u de grootte en verkleint u die van de opsommingstekens.
Hier is een snelle en vuile mockup van deze sectie opnieuw bedacht met beter gebruik van visuele hiërarchie. Je hoeft het niet precies zo te doen, alleen focussen op hoe de informatie op een veel schonere manier is verdeeld.
Inhoud
Het inhoudsgebied is aantrekkelijk en levert vriendelijke fotografie op, maar lijdt aan hetzelfde probleem met alle vetgedrukte tekst.
Een andere belangrijke suggestie hier is om de foto's en de tekst direct eronder een visuele eenheid te maken. Op dit moment heb je twee verschillende visuele elementen op elkaar gestapeld wanneer ze gemakkelijk op een meer samenhangende manier aan elkaar kunnen worden verbonden. Nogmaals, dit is snel en vies, maar je begrijpt het wel.
Voettekst
Laten we tot slot eens kijken naar de voettekst. De inhoud is hier vrij eenvoudig, maar het is gemaakt om er veel complexer en verwarrender uit te zien dan het in werkelijkheid is.
Allereerst werkte het rood op het wit hierboven, maar het rood werkt absoluut niet op het blauw. De twee felle kleuren op elkaar conflicteren in plaats van contrast. Verder heeft de tekst echt wat werk nodig. Nogmaals, verander de vetheid een beetje, verminder de bekendheid van de copyrightregel en repareer de onhandige zoekknop die veel langer is dan het woord erin (verklein de breedte, centreer de tekst in de knop).
De plakkerige voettekst die het telefoonnummer bij je houdt terwijl je scrolt, is een leuke touch. Wanneer iemand de website van een fysiek bedrijf bezoekt, willen ze vaak maar één ding: het telefoonnummer. Het telefoonnummer hier blijft bij je terwijl je door de site bladert, waardoor het bijna onmogelijk is om het te missen.
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.
Geïnteresseerd om uw eigen site te laten bekritiseren? Meer informatie vind je hier.
