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 Oomph. Låt oss hoppa in och se vad vi tycker!
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 Oomph!
? Oomph är gå-till-platsen för plastkort med aplomb. Arbeta med några av världens mest populära märken har våra små plastpärlor nått mer än 20 miljoner människor - inte dåligt på fem år. Oavsett vilket kort du letar efter kan vi hjälpa till. Och om du inte hittar den perfekta kortdesignen i vårt galleri, ta kontakt. Möjligheterna i plast är oändliga och vi älskar att prova något nytt.?
Här är en skärmdump av hemsidan:
Estetisk
Strax kan jag se att jag älskar den här estetiska estetiken. Det är vildt, galet och roligt samtidigt som idealen bakom korten överförs.
Som du kan se finns det alla dessa galna, blanka och färgstarka grafik som verkligen driver idén att plastkort är något coolt och spännande. Detta kunde lika lätt ha varit en mycket ren, Apple-tittande webbplats med tonvikt på dramatiska kortfoton, men det gör produkten lite mer personlig och användbar.
Typ
En annan sak som jag verkligen gillar om den här sidan är typografi. Huvudrubriken typsnitt heter? BrothersBold ,? visas nedan med WhatFont.
Det finns mycket att gilla här. Skriften är perfekt läsbar och förmedlar en djärv, maskulin känsla. Vidare kommunicerar de hackade offkurvorna en slags "cut out"? känner det som är perfekt för ett företag som i huvudsak dör dör plast.
Bortsett från detta är nästan allt på sidan Helvetica. Det här är bra eftersom en sådan unik intressant rubrikfigur kräver en kompletterande typsnitt som är så enkel och vanlig att du läser den utan att tänka på det. Helvetica passar den här beskrivningen som den mest allestädes närvarande och kanske mest osynliga typsnittet på planeten.
Rutnätet
Oomphs hemsida är mycket tydligt utformad på ett strikt nät. Risten är 1,020px bred och är ganska konsekvent från toppen till botten av sidan.
Som du kan se är den primära konstruktionen här den tre kolumnlayouten som ligger mitt på sidan. Kom ihåg att tre är ett magiskt nummer, så det gör layouten perfekt balanserad och presenterar precis rätt mängd innehåll.
En sak att verkligen märka här är hur balanserad vitrymmet är i hela konstruktionen. Självklart kommer ett nätsystem att ge dig ett fint avstånd horisontellt, men du måste då vara avsiktlig att matcha den rytmen vertikalt.
Icke-mottagande
Trots att webbplatsen laddas och ser ut på en mobilenhet, är den inte på något sätt optimerad för mobilvisning. På min iPhone måste jag göra en massa knäppning och panorering för att ta reda på vad som händer.
Med tanke på att webbplatsen följer ett så bra, strikt nät, är det definitivt en idealisk kandidat för responsiv design. För ett år sedan tilldelade jag bara bonuspunkta för extra insats, men nu börjar det snart vara något som jag förväntar mig att se, åtminstone på någon nivå.
Responsiv design är knepig verksamhet, men den verkliga huvudvärk kommer från innehållsförlagda förlagsplatser. För en statisk plats så här är responsiv eller åtminstone mobiloptimerad design mindre av en lång order och mer av en baslinjeförväntning.
Kommunikationshierarki
Precis lika kritisk som den visuella utformningen av sidan är strukturen i kommunikationen och hur den presenteras. Faktum är att detta verkligen är kärnan i vad designen är och varför vi har den. God designkonstruktion information på ett logiskt och attraktivt sätt.
Oomph-webbplatsen har mycket väl strukturerad kommunikation. Omedelbart när jag laddar upp sidan är detta den första rubriken som jag ser:
Lägg märke till att det finns ett trevligt litet visuellt trick här. Rubriken säger: Plast Fantastiskt. Kort av Oomph ,? Men i ett ögonblick är ordet gruppering som jag ser är? Plastkort.? Det här är exakt vad Oomph handlar om så det här är ett hemkörning i kommunikationsdesign.
Frågor Begged
När du har fått det första kollet och fått tanken på att det här är ett plastkortföretag, kommer din första lutning att vara att hoppa till några frågor:
- Vilka typer av kort gör de?
- Hur mycket kostar dom?
- Vem är Oomph? Vad är historien där?
Alla dessa frågor är lätt besvarade för det första att du ser ut: den primära navigeringen.
Detta är kritiskt viktigt för din design. Försök alltid att förutse de frågor som användare kommer att ha och försök sedan bestämma den första platsen de ska se för att hitta dem.
Shoppingupplevelse
Shopping upplevelsen här är också mycket smidig. Webbplatsen känns inte alls som en typisk, rörig onlinebutik. Det känns som om jag bara tittar på produktutbudet och innan jag vet det, är jag på steg två i inköpsprocessen. Stigen att köpa är så naturlig och allt presenteras så bra: inga hemligheter, inga dolda priser eller kostnader etc.
Övergripande åsikter
På det hela taget tycker jag att Oomph har en riktigt solid plats. Den visuella estetiken är underbar, layouten är perfekt och kommunikationshierarkin är toppklassig. Det enda verkliga klagomålet jag har är bristen på mobiloptimering. Annars än det är det definitivt en av de webbplatser som jag tillbringar hela artikeln kompletterande snarare än att kritisera!
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.