Web Design Critique # 61 Undead Kit

Varje vecka tittar vi på en ny webbplats och analyserar designen. Vi pekar på båda områdena som görs bra förutom de som kan använda lite arbete. Slutligen avslutar vi genom att be dig att ge din egen feedback.

Dagens webbplats är Undead Kit, en ovärderlig resurs för att överleva en odödlig invasion.

Om du vill skicka din webbplats till en framtida designkritik tar det bara några minuter. Vi tar ut $ 49 för att kritisera din design - betydligt mindre än du skulle betala för en konsult för att kolla på din webbplats! Du kan läsa mer här.

Om Undead Kit

Undead Kit är inte helt annorlunda än din typiska överlevnadssats. Det innehåller sådana saker som en kniv, tändstickor, bandhjälpmedel, etc. Det är dock en uppgift att detta överlevnads kit är speciellt inriktat på att överleva zombieapokalypsen. Vi vet alla att det kommer, så du kan lika bra förbereda medan du fortfarande har chansen! Den här nya och zany-produkten är väldigt riktig och har blivit så populär att den just nu beställs i tre veckor!

Här är en skärmdump av hemsidan:

Initial Impression

Att se som hur jag är din typiska man (dvs jag älskar något som rör att döda zombies) tycker jag att den här webbplatsen är fantastisk. Bortsett från det stora konceptet är webbplatsen mycket attraktiv och har massor av anpassad design och konstverk.

När det gäller den övergripande utformningen och temat på webbplatsen skulle jag inte ändra något. Det finns några små tweaks och fixes som jag skulle göra men så låt oss gå över vad som fungerar och vad som inte är.

mål

Ett av de främsta sätten att mäta framgången med en design är att skissera specifika mål som ditt första steg och sedan återvända till dessa mål efter designen är klar för att se huruvida de var uppfyllda. Nu vet vi inte riktigt vilka mål de lagt ut för den här sidan, men det är ganska klart vad som behöver uppnås här.

Först måste webbplatsen kommunicera att det finns en produkt till salu. Varje gång du säljer något, är detta ett topprioritetsmål. Det låter smärtsamt uppenbart men du skulle bli förvånad hur många designers saknar märket helt här. Därefter behöver du tillräckligt med information om produkten: Vad ingår det? Hur använder jag det? Dessa frågor är väsentliga för något unikt som detta där svaren är ganska oförutsägbara.

Även och samtidigt måste webbplatsen förmedla sitt koncept. Detta är inte ditt typiska överlevnads kit, det är ett undead kit. Det är bra att närma sig detta på ett lättsamt sätt så att människor omedelbart ser nyheten och presentpotentialen.

Sist men inte minst bör du enkelt kunna gå vidare till inköpsstadiet. Den här webbplatsen går via PayPal så vi vet att det ska fungera bra och kommer inte att diskutera det för mycket. Låt oss se hur bra de andra målen tas upp ändå.

Produkten

Det första du sannolikt ser på hemsidan är en zombie med en mask som stannar ur ögat, vi kommer till det på en minut. Det andra du ser är bilden av produkten och dess titel: The Undead Kit.

Normalt skulle jag inte ha någon aning om vad ett odödligt kit var, men den här enkla bilden tar det komplexa konceptet och gör det klart på ett ögonblick. Lådan utseende som en första hjälpen kit, så när det kombineras med en bild av en zombie kan jag omedelbart gissa att satsen troligtvis kommer att innehålla grundläggande akutresurser.

De kunde ha en sex stycken försäljningslek här som ingen någonsin skulle läsa, men de gör det inte. I stället litar de på den visuella designen för att berätta allt du behöver veta, och det gör det!

Två viktiga frågor

Om du ska betala trettio dollar för något, kommer du vilja veta vad som finns i det. Genom att hoppa över till "Innehållet"? sida, du kan se exakt det. Går du vidare? sidan visar hur du använder satsen. Den senare av dessa troliga är inte absolut nödvändiga (du vet vad en ficklampa är för) men det hjälper verkligen hilaritet och tema på webbplatsen och jag tror definitivt att det borde stanna.

Dessa två sidor är min favorit del av webbplatsen. Konstnärerna här spikade verkligen den lämpliga illustrationstilen. Det känns som något ur en överlevnadshandbok för pojkecouter. De kunde lätt gått med produktfotografering men effekten skulle definitivt inte ha varit så bra.

Jag gillar också hur mycket de har förenklat vägbeskrivningssidan. Lägg märke till att det faktiskt finns nio produkter men de har kondenserat dem i sex paneler med enkla meningsmeddelanden som? I händelse av kyla.?

Intressant nog kan latskap ibland vara en bra sak i design. Att hitta genvägar och snabbare lösningar kan ofta resultera i enklare konstruktioner som också ger en snabbare läsning för tittaren.

Konceptet

De delar som vi redan har gått över driver webbplatsens koncept väldigt bra. Du kan definitivt inte missa tanken bakom webbplatsen. Som ytterligare förstärkning men det finns förenklade zombie linjer ritningar som verkligen runda ut webbplatsen snyggt.

Dessa är en helt annan stil än de tidigare illustrationerna, men de två kompletterar varandra bra och ser inte ut som slumpmässiga zombiebilder som finns på en lager konst webbplats. Jag är inte säker på om de är helt anpassade eller inte, men de känns som det och det är det som är viktigt.

Två saker jag skulle ändra

Hittills har denna kritik varit mer av ett beröm. Webbplatsen är bra som det är så jag har helt enkelt inte mycket feedback att ge. Det är sagt, här är två områden som jag tror kunde vara bättre.

Navigering

Det första problemet jag har med webbplatsen är navigeringen. CSS-bakgrundsfyllningen här är en något annorlunda färg än bakgrundsfärgen på bilderna för knapparna. Det skulle vara bra om det var klart medvetet men här ser det ut som en olycka.

Resultatet är ett slarvigt navigationsområde som sänker webbplatsens estetiska kvalitet. Att lösa problemet bör bara ta några minuter så det finns ingen anledning att inte ta itu med det.

Sociala ikoner

Min slutliga tanke om webbplatsen är att den sociala baren verkligen dödar det övergripande visuella temat. Så mycket arbete har gjorts för att webbplatsen ska bli konsekvent genom texturer, färger, illustrationer, typografi, etc. Det här är alldeles förstört av en social media-widget som utan tvekan blivit klistrad in i koden. Det är ganska attraktivt på egen vinst men passar bara inte här.

Jag har inga problem med begreppet baren, jag är alla för sociala medier. Sidan skulle dock fungera mycket bättre med några enkla siluettlogotypikoner eller kanske till och med något grungy som bakgrundsgrafen.

Din tur!

Nu när du har läst mina kommentarer lägger du in och hjälper till med att ge designern ytterligare råd. Låt oss veta vad du tycker är bra om designen och vad du tycker kan vara starkare. Som alltid ber vi att du också respekterar webbplatsens designer och erbjuder tydliga konstruktiva råd, utan att det blir några svåra förolämpningar.