Web Design Critique # 61: Undead Kit
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 Undead Kit, een onschatbare bron om een ondode invasie te overleven.
Ontdek ontwerpbronnen
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 Undead Kit
Undead Kit verschilt niet veel van je typische survival kit. Het bevat items als een mes, lucifers, pleisters, enz. De spin is echter dat deze survival kit specifiek is gericht op het overleven van de zombie-apocalyps. We weten allemaal dat het eraan komt, dus je kunt je net zo goed voorbereiden terwijl je nog de kans hebt! Dit nieuwe en gekke product is heel echt en is zo populair geworden dat het momenteel drie weken wordt nabesteld!
Hier is een screenshot van de homepage:
Eerste indruk
Aangezien ik je typische man ben (dwz ik hou van alles wat met het doden van zombies te maken heeft), vind ik deze site fantastisch. Afgezien van het geweldige concept, is de site erg aantrekkelijk en biedt deze veel aangepast ontwerp en artwork.
Wat het algehele ontwerp en het thema van de site betreft, zou ik niets veranderen. Er zijn een paar kleine aanpassingen en oplossingen die ik zou maken, dus laten we eens kijken wat werkt en wat niet.
Doelen
Een van de belangrijkste manieren om het succes van een ontwerp te meten, is door specifieke doelen als eerste stap te schetsen en vervolgens terug te keren naar die doelen nadat het ontwerp is voltooid om te zien of ze al dan niet zijn bereikt. Nu weten we niet echt welke doelen ze voor deze site hebben uiteengezet, maar het is vrij duidelijk wat hier moet worden bereikt.
Ten eerste moet de site communiceren dat er een product te koop is. Elke keer dat u iets verkoopt, is dit een topprioriteitsdoel. Het klinkt pijnlijk voor de hand liggend, maar het zou je verbazen hoeveel ontwerpers hier het doel volledig missen. Vervolgens moet u mensen voldoende over het product vertellen: wat houdt het in? Hoe gebruik ik het? Deze vragen zijn essentieel voor zoiets unieks, waarbij de antwoorden redelijk onvoorspelbaar zijn.
Ook en tegelijkertijd moet de site haar concept overbrengen. Dit is niet jouw typische survival kit, het is een Undead Kit. Het is goed om dit op een luchtige manier te benaderen, zodat mensen onmiddellijk de nieuwigheid en het geschenkpotentieel zien.
Last but not least zou u gemakkelijk moeten kunnen doorgaan naar de aankoopfase. Deze site gaat via PayPal, dus we weten dat dit goed zou moeten werken en er niet te veel over zal praten. Laten we eens kijken hoe goed die andere doelen worden aangepakt.
Het product
Het eerste dat je waarschijnlijk op de startpagina ziet, is een zombie met een worm die uit zijn oog steekt, daar komen we zo op terug. Het tweede dat je ziet is de afbeelding van het product en de titel: The Undead Kit.
Normaal gesproken zou ik eigenlijk geen idee hebben wat een Undead Kit was, maar deze simpele afbeelding neemt het complexe concept en maakt het in een oogwenk duidelijk. De doos ziet eruit als een EHBO-doos, dus als hij wordt gecombineerd met een afbeelding van een zombie, kan ik meteen raden dat de uitrusting waarschijnlijk basishulpmiddelen zal bevatten.
Ze zouden hier een verkooppraatje van zes alinea's kunnen hebben dat niemand ooit zou lezen, maar dat doen ze niet. In plaats daarvan vertrouwen ze op het visuele ontwerp om u alles te vertellen wat u moet weten, en dat doet het!
Twee belangrijke vragen
Als je dertig dollar voor iets gaat betalen, wil je weten wat erin zit. Door naar de pagina "Inhoud" te springen, kunt u precies dat zien. Als u verder gaat, laat de pagina 'Routebeschrijving' u zien hoe u de kit gebruikt. De laatste van deze is waarschijnlijk niet absoluut noodzakelijk (je weet waar een zaklamp voor is) maar het helpt echt de hilariteit en het thema van de site en ik denk zeker dat het moet blijven.
Deze twee pagina's zijn mijn favoriete onderdeel van de site. De kunstenaars hier hebben echt de juiste illustratiestijl genageld. Het voelt als iets uit een survivalhandboek voor padvinders. Ze hadden gemakkelijk met productfotografie kunnen gaan, maar het effect zou absoluut niet zo goed zijn geweest.
Ik hou ook van hoeveel ze de pagina Routebeschrijving hebben vereenvoudigd. Merk op dat er eigenlijk negen producten zijn, maar ze hebben ze in zes panelen samengevat met berichten in één zin, zoals 'in het geval van kou'.
Interessant genoeg kan luiheid af en toe een goede zaak zijn in design. Het vinden van snelkoppelingen en snellere oplossingen kan vaak resulteren in eenvoudigere ontwerpen die de kijker ook sneller laten lezen.
Het concept
De onderdelen die we al hebben besproken, maken het concept van de site opmerkelijk goed. Je kunt het idee achter de site zeker niet missen. Als verdere versterking zijn er echter vereenvoudigde zombie-lijntekeningen die de site echt mooi afronden.
Dit is een heel andere stijl dan de vorige illustraties, maar de twee vullen elkaar goed aan en zien er niet uit als willekeurige zombie-afbeeldingen op een site met stockart. Ik weet niet zeker of ze volledig op maat zijn of niet, maar ze hebben er zin in en dat is wat belangrijk is.
Twee dingen die ik zou veranderen
Tot nu toe was deze kritiek meer een lof. De site is geweldig zoals het is, dus ik heb gewoon niet veel feedback te geven. Dat gezegd hebbende, hier zijn twee gebieden waarvan ik denk dat ze beter kunnen.
Navigatie
Het eerste probleem dat ik heb met de site is de navigatie. De CSS-achtergrondvulling hier is een iets andere kleur dan de achtergrondkleur op de afbeeldingen voor de knoppen. Dit zou prima zijn als het duidelijk opzettelijk was, maar hier ziet het eruit als een ongeluk.
Het resultaat is een slordig ogend navigatiegebied dat de esthetische kwaliteit van de site naar beneden haalt. Het oplossen van dit probleem duurt slechts een paar minuten, dus er is geen goede reden om het niet aan te pakken.
Sociale pictogrammen
Mijn laatste gedachte over de site is dat de sociale balk echt het algehele visuele thema doodt. Er is zoveel werk verricht om de site er consistent uit te laten zien door middel van texturen, kleuren, illustraties, typografie, enz. Dit wordt vervolgens volledig verpest door een widget voor sociale media die ongetwijfeld eenvoudig in de code is geplakt. Het is best aantrekkelijk op zichzelf, maar past hier gewoon niet.
Ik heb geen problemen met het concept van de bar, ik ben helemaal voor sociale media. De site zou echter veel beter werken met enkele eenvoudige logo-pictogrammen voor silhouetten of misschien zelfs iets grungy zoals de achtergrondafbeelding.
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.
