Varje vecka tittar vi på en ny webbplats och analyserar designen. Vi pekar på både de områden som görs bra och de som kan använda lite arbete. Slutligen avslutar vi genom att be dig att ge din egen feedback.
Dagens webbplats är Two Chaps Branding, en Baltimore-baserad webbdesign och marknadsföringsbyrå.
Om du vill skicka din webbplats till en framtida designkritik tar det bara några minuter. Vi debiterar $ 24 för att kritisera din design - betydligt mindre än du skulle betala för en konsult för att ta en titt på din webbplats! Du kan läsa mer här.
Om två chaps
? Här på TwoChaps tror vi att ett varumärke är mer än en vacker logotyp och ett uppdragsförteckning laddad med de senaste branschmässorna. Vi tror att ett varumärke är ett företags historia, en historia som definierar sina tidigare, nuvarande och framtida relationer med sina kunder och kunder. Vi tror att ett varumärke är mer än vad du vill bli uppfattad, det är så du faktiskt uppfattas. Oavsett om det ignoreras eller vårdas - ditt varumärke definierar dig.?
Här är Two Chaps hemsida:
Den övergripande designen är väldigt attraktiv. Det åldrade temat utförs väl över färger, typ och texturer och layouten är enkel men kraftfull. Inriktningen är väldigt tight med huvuddelen av innehållet som innefattar en klart definierad kolumn.
Låt oss bryta ner några av aspekterna av designen och titta på dem på ett djupare sätt.
Logotypen
Jag gillar verkligen det arbete de har gjort i logotypen. Bowler och mustasch är ett perfekt visuellt meddelande till "Two Chaps"? namn. På samma sätt är den starka serif typeface spot på för den tid som designarna skjuter på.
Även om jag gillar logotypen bara bra hur det är, kan jag inte låta bli att undra om det skulle vara starkare, sans på mustaschen. Just nu finns det två konkurrerande grafiska element i logotypen och reducerar det till en enda som kan förbättra biten. Jag inser mustasch, brev och hatt är tillsammans föreslår ett ansikte, men det läser fortfarande mer som bokstäver med en mustasch och en hatt.
Som huvudbilden kan bowleren då användas annorlunda som ett fristående element oberoende av resten av logotypen.
Rubriken
Rubriken är min favorit sak om webbplatsen. Även om det visas till höger är det en av de första du tittar på när sidan laddas på grund av dess storlek och djärvhet.
Brevstorlekarna har strukturerats perfekt för att skapa en sammanhängande enhet som fångar din uppmärksamhet och gör en snabb läsning. Lägg märke till hur de mindre viktiga orden (den, av) har reducerats i storlek för att ge utrymme för de viktigaste orden (sann konst).
Eftersom det här är en grafisk och inte levande typ, rekommenderar jag definitivt att du tar dig tid att arbeta med textens härdning här. Vissa bokstäver, till exempel? T? och? r? i? Sant ,? är märkligt långt ifrån varandra medan andra är lite klämda ihop.
Det är lätt att glömma det här steget när du designer, men om typografi kommer att vara en huvudfunktion i designen vill du alltid vara säker på att ditt brevavstånd är så nära perfekt som du kan få det.
Miniatyrer
Bilderna på hemsidan har fått en utmärkt gränsbehandling. Skuggningen ger verkligen bilderna mycket djup eftersom det skapar tre separata nivåer.
Som standard är bilderna gråskala men om du svävar över dem släpper de ner en pixel eller två (avsiktlig?) Och blir fullfärg. Det här är en fin effekt som är kul att spela med om du checkar ut webbplatsen för första gången.
Sidofältet
Som du kan se är sidofältet ett vertikalt band som håller logotypen, navigering, några sociala knappar och viss juridisk information. Om du tittar på den levande webbplatsen ser du att sidfoten bekvämt håller sig stationär när webbplatsen rullar. Detta ger enkel åtkomst för att ändra sidor oavsett var du befinner dig på webbplatsen.
Jag älskar röttens djärvhet och hur mycket det sticker ut från resten av designen. Jag gillar också behandlingen och färgerna som används för Facebook och Behance-knapparna. Det är lite konstigt men att bokstäverna i? Facebook? har en så hård skugga medan de i? Behance? gör det inte.
Navigationssektionerna i sidofältet expanderar och avtalar med en slät animering när du klickar på rubrikerna. Nyckeln här är att alla artiklar fortfarande är helt tillgängliga med JavaScript inaktiverat, menyerna visas helt enkelt alla i öppen position och du vet inte ens att du saknade något.
Det är alltid bra att gå den extra milen och se till att din webbplats fungerar för webbläsare som stöder dina små visuella godis såväl som de som inte gör det.
sidfot
Footer håller uppmaningen till att anställa företaget och är ännu ett snyggt utformat snurr på det åldrade temat.
Linjerna på toppen och botten är en fin touch såväl som den lilla? Klicka här? teckna med en sidokrulle. Det här avsnittet verkar lite som några SEO-experter? fick det av sig som ordet? märke? visas en väldigt många gånger för en så liten text.
Läsbarhet
Som jag nämnde ovan, tycker jag överallt om webbplatsens design. Det är unikt, djärvt, attraktivt och ganska funktionellt. Men jag tror att webbplatsens användbarhet är lidande på grund av texten. Kolla in bilden nedan från vår historia? sida.
Som du kan se är inte heller den stora färgade rubriken nästa eller den vita kroppstexten mycket läsbar på den texturerade bakgrunden. Detta förvärras av att bakgrunden stannar på plats när texten rullar och skapar en väldigt komplex och upptagen visuell effekt när du bläddrar på webbplatsen.
I slutändan kan den snygga texturerad bakgrunden göra mer hård än bra. Det är en bra idé att experimentera med att släppa opaciteten eller skrapa den helt och hållet till förmån för något enklare.Det kan vara obehagligt att höra men om det ökar läsbarheten är texten över hela webbplatsen värt ansträngningen.
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 några hårda förolämpningar.
Intresserad av att ha din egen webbplats kritisk? Du kan läsa mer här.