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 hemsida är den personliga portföljen av Paul O'Rely, designer från Brasilien. 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 Paul O'Rely
En självklarad interaktiv designer och webbföretagare, Paul är för närvarande 28 år gammal, bosatt i Brasilien och är passionerade för saker som är kreativa, enkla och överraskande.?
Här är en skärmdump av hans hemsida
Första intrycket
Jag säger rätt av den fladdermusen att jag verkligen gillar Pauls webbplats. Det är ganska unikt, det finns många intressanta saker att titta på och interagera med, och meddelandet är kristallklart: här är vem den här personen är, vad han gör och hur man kontaktar honom. Dessa är ärligt de viktigaste aspekterna av en designers personliga portfölj, och jag tror att Paulus spikade dem alla (lite kopiering kan vara i ordning men annars bra jobb).
Om jag var tvungen att utfärda någon form av övergripande klagomål skulle det troligen vara bristen på en signifikant? Wow? faktor i rubriken. Platsen som helhet är stor (det finns lite smart voodoo i sidfoten), men när jag laddar upp den övre delen av sidan finns inget som verkligen tar mig och uppmanar mig att titta längre. Som jag nämnde fokuserar han på att göra ett fantastiskt jobb med att introducera oss till webbplatsen och sig själv, och jag vill inte göra det, men jag tycker fortfarande att det kan bli något mer gjort med denna plats för att imponera på besökare.
Nu när vi har diskuterat webbplatsen som helhet, låt oss torka upp det och prata om de olika specifika aspekterna av designen. Det mesta av vad jag måste säga är positivt, så det här är en av de webbplatser som kommer att tjäna mer som ett bra exempel än en dålig.
Endast en sida!
Jag har hört folk bash enkel sida sidor, men jag gräver dem. Paul har faktiskt gjort en hel del med denna enkla duk och ändå lyckas han ändå att känna sig riktigt överflödig med blankutrymme.
Med tanke på det relativt enkla syftet med webbplatsen ser jag inte verkligen behovet av att bryta innehållet upp i separata sidor. Flödet är logiskt och lätt att följa: uppifrån möter du Paul och lär dig vad han gör, nästa ser du hans arbetsprover, då har du möjlighet att kontakta honom om du gillar det du ser.
Undantaget till ensidig paradigm är självklart hans blogg, men det känns verkligen som en helt separat enhet snarare än en förlängning av denna sida.
Typografi
Paul har några snygga anpassade teckensnitt på sin webbplats, som givetvis serveras med artefit. Den djärva slabserifen i rubriken heter Adelle, en fin förändring från den typiska ChunkFive som du ser överallt.
Jag gillar också Paulus val av vad man ska para Adelle med: Museo Sans. Museo-familjen är egentligen mest slabserifs, men de har en sans serif-version. Detta är ett riktigt smart val eftersom Museo Sans är speciellt utformad för att se bra ut bredvid skivserifs typsnitt.
Även om Paul gjorde det bra med de två första teckensnitten, tyvärr tror jag att den tredje är en stor miss.
Som du kan se använder kontaktformulär Hummer. Det finns tre skäl att jag inte gillar det här valet. Till att börja med närmar sig hummer snart clich? territorium bara för att det är så allestädes närvarande. För att inte säga att du inte kan använda populära typsnitt måste du bara göra det med försiktighet och takt.
Ännu viktigare, du har redan valt din stora, djärva, unika typsnitt för sidan och avvikelse från det rent för kontaktformuläret är lite krossat. De två kan kombineras, men det måste vara integrerat med en tydlig hierarki som exemplet nedan snarare än genom godtyckligt byta mellan dem.
Slutligen, nästan varje gång du har mycket text, kommer en skriptteckning att vara ett anmärkningsvärt dåligt val ur ett läsbarhetsperspektiv. Den enkla sanningen är att det är mycket mer arbete för dina ögon och hjärna att sortera och dechiffrera ett helt stycke som är skrivet i ett loopy, anslutet skript.
Med tanke på att det här är en kontaktform, är det möjligt att kunderna kommer att närma sig Paul med en lång tonhöjd. Tvinga mig att skriva i Hummer är ett bra sätt att se till att jag aldrig använder din kontaktformulär.
Färger
Pauls webbplats använder ett grundläggande fem del färgschema. Här är ett snabbt diagram över de färger du ser på sidan:
Som du kan se är detta ett väldigt djärvt färgschema som är utformat för att ta tag i din uppmärksamhet. För det mesta utnyttjar han en balans mellan träkol, creme och blå, varav de två första är milda nog att de blåser verkligen ut. Grön används endast för statusobjektet som ett brott mot det normala flödet, vilket verkligen uppmärksammar dig till den punkten.
Om du ser tillräckligt hårt, hittar du några stänk av rött där också. Jag tycker att det verkar inkonsekvent och onödigt. Det skulle vara bättre att använda repetition och ta det som ett annat tillfälle att använda det gröna (eller kanske bara använda rött utan grönt).
Förlovning och interaktion
En annan sak som Paulus gör riktigt bra är att få dig att förlova och interagera med webbplatsen. Exempelvis visar rubriken ett slags bardiagram över sina talanger, som har olika kategorier som kan klickas på och utökas med en slät animering.
Bläddra längre ner på sidan och hitta en interaktiv vertikal bildreglage som visar sitt arbete.Återigen ser vi utmärkt användning av övergångar och klickar på evenemang och lite trevligt lättnadsarbete.
När du kommer ner till sidfoten hittar du en sjö av simfisk. Den här delen är faktiskt riktigt imponerande! Ingenting om det känns som en tråkig, likformig, loopad animering. Mönstret av fisken och bubblorna känner slumpmässigt (om det verkligen är eller inte är nästan irrelevant).
Jag älskar också verkligen hur fisken varierar sin hastighet på ett realistiskt sätt. De simmar långsamt, så sluta nästan så att de kan vinkla och skjuta framåt. Hats off till Paul för en hel del animationsarbete här!
Sammanfattning
Sammanfattningsvis älskar jag webbplatsen. Det är väldigt bra och jag kan säga att Paulus hällde över det och lagt fram mycket arbete. Nästan allt på webbplatsen ser bra ut, från layout och typsnitt till färger och illustrationer. Mitt största klagomål är användningen av hummer i kontaktformuläret och min sekundära oro är att ompröva rubriken för att dra in några av "wow" faktor som du får när du verkligen gräver in på webbplatsen.
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.