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 Distinction, hem för en webbdesignbyrå i Nottingham.
Om du vill skicka din webbplats till en framtida designkritik tar det bara några minuter. Vi tar ut $ 34 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 Distinction
Distinction är en digital designbyrå som arbetar med små och medelstora företag, företag och välgörenhetsorganisationer inom alla branscher. Distinction grundades 2001 och har stor erfarenhet av att leverera prisbelönta kampanjer med hög avkastning på investeringar. Även om vårt team är litet, är vi väldigt erfarna. Distinction ägs och förvaltas av James och Greg Bloor, som som namnet antyder är bröder
Här är en skärmdump av Distinction hemsida:
Initial Impression
Vi har varit på rulle med designkritiker nyligen, jag fortsätter att få inlagor som jag faktiskt gillar! Distinction har en solid webbdesign. En av mina enda bekymmer här är att det kanske bara är lite för säkert. Allt är så rent, perfekt och städat att det känns lite mer som en mall än skapandet av en innovativ designbyrå.
Det riktar sig verkligen till vem deras målgrupp är och vad de uppfattar som lockande. Språket på webbplatsen verkar rikta sig mot en mycket professionell, företagsklient. I den här arenan är "säker" rutten kan faktiskt vara den bästa som den speglar den typ av design som dessa kunder sannolikt letar efter.
Header Design
Trots mina påståenden om att webbplatsen känns lite intetsägande, bidrar den första bilden i reglaget högst upp på sidan till att göra siddesignen till något mer spännande. Superhero kids image känns djärvt och komisk, en bra touch som ger mycket vänlighet till sidan.
Denna speciella banner går också långt för att du omedelbart litar på byrån. När jag ser att du rankas ordentligt i en lista över toppkontor känner jag mig definitivt säkrare om att göra min investering med dig.
Ovanför bildspelet är företagslogotypen och navigering direkt där du kan förvänta dig att hitta den. Jag gillar att det inte finns många distraheringar på detta område, bara de väsentliga sakerna. Detta hjälper till att uppmärksamma bildspelet och andra viktiga informationstyper.
Grid Alignment
Som du kan se följer det mesta av innehållet på sidan en strikt nätverksjustering. Det här låter ganska bekant: Den vita bredden har en bredd på 960px och bredden på innehållet är 940px, med var och en av de fyra framstående kolumnerna som väger 220px bred med en 20px rännan.
Det finns en anledning att denna layout är så vanlig, det fungerar riktigt bra. Innehållet är trevligt och enhetligt här men också snyggt varierat för att förhindra monotoni. Lägg märke till hur sektionen med bokens grafiska och mörka bakgrund stärker din uppmärksamhet och ger en mycket nödvändig kontrast.
Informationsflödet fungerar bra här och speglar navigationssektionerna: Här är de tjänster som vi erbjuder, här är några av vårt senaste arbete och till sist, här är några nyheter om företaget. Jag gillar det verkligen när jag kan få en översikt över hela webbplatsen i korthet klickar på hemsidan och det är precis den strategi som används här.
sidfot
Liksom allt annat är fotfoten snyggt och rent, innehållande bara några kolumner av länkar och ingenting mer. När jag tittar på det men jag kan inte låta bli att känna att den är obalanserad. Den visuella vikten är olyckligt kvar och lutar sig med de två stora listorna, vilket resulterar i en slags strängad känsla för innehållet till höger.
För att balansera detta, rekommenderar jag layouten nedan. Jag har kastat i företagslogotypen, som hjälper till på sidan med en stark anteckning och lägger till en viss nödvändig vikt till höger om sidfoten.
Andra sidor
De andra primära sidorna på samma sätt är justerade, den här gången med en tjock svart streck över sidan som innehåller en rubrik eller fråga. Detta är ett mycket starkt element med en sådan djärv kontrast till den vita bakgrunden som du inte kan låta bli att se.
En sak som jag märkte när jag tittade runt på sidan är att den börjar känna sig ganska mättad med stock foton. Stockbilderna är bra när de får ditt meddelande över men du måste vara försiktig med att använda dem som en design krycka när något annat kommer att fungera mycket bättre.
Tänk exempel på fallstudierna? sidan nedan. Här länkar varje bild till ett projekt som Distinction har arbetat med. Miniatyrerna är den perfekta platsen för att visa en förhandsgranskning av arbetet, men i stället har flera av dem ett foto som inte riktigt kommunicerar ordentligt om vad som är inne.
Slutsats
Sammanfattningsvis tycker jag att Distinction har en riktigt bra sida. Designen är ren och professionell, innehållet är utmärkt organiserat och varje sida lyfter effektivt upp de områden som är viktiga.
Jag fick känslan av att allt var lite för panna för en designbyrås webbplats och uppmuntra designern att göra större, starkare uttalanden i framtiden genom att införliva unika idéer.
Fotografering är också ett solidt verktyg för någon formgivare, men bara vara medveten om att använda clich? stock bilder, speciellt när andra resurser som skärmdumpar är tillgängliga.
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.