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 Rachilli, den personliga portföljen av fotografen och formgivaren Rachel Shillcock.
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 Rachilli
? Oavsett om du behöver en ny varumärkesidentitet, affärsställning eller en vacker, användbar webbplats så kan jag hjälpa dig. Mina tjänster sträcker sig från webbdesign och utveckling till skapandet av företags- och varumärkesidentitet. Jag tillhandahåller också en fotograferingstjänst, så om du har behov av skräddarsydda bilder för dig själv kan din webbplats eller företagsbild hjälpa dig, vilket hjälper till att hålla dina kostnader tillsammans och sänka.?
Här är en skärmdump av hemsidan:
![](http://lesptitesaffairesdemayl.be/img/images_1/web-design-critique-41-rachilli.png)
Helhetsintryck
Min allra första tanken på att se den här sidan var att det känns som lite som en mall. Designen är ganska typisk för vad du skulle se till försäljning på ThemeForest.
Detta är dock observation är inte en negativ. Visst, det är en ganska standard design men det ser också bra ut. Färgerna är djärva, inriktningen är solid och visuella är attraktiva. Oavsett om det är ett tema eller inte, tycker jag att webbplatsdesignen var en framgång och verkligen kommer ut som en ren och professionell bit av arbete.
Trots att webbplatsen är ganska bra när den står med nolländringar, har jag några idéer för att stärka några av de svagare områdena. Låt oss ta en titt.
Rubrik och navigering
Den övre tredjedelen av webbplatsen är definitivt den starkaste. Jag gillar de tre stripe-inställningarna för bakgrunden, typsnittet som används för navigering och förstås den stora bildreglaget.
![](http://lesptitesaffairesdemayl.be/img/images_1/web-design-critique-41-rachilli.jpg)
En sak som stör mig lite om det här avsnittet är att logotypen inte är en länk till hemsidan. När jag tittade runt på sidan klickade jag konsekvent på logotypen som en reaktion för att få mig tillbaka till hemsidan.
Det är inte på något sätt ett svårt och snabbt krav att göra din logotyp till en länk, men det är alltid bra att förutse hur de flesta användare kommer att försöka att din webbplats fungerar och se till att deras instinkter översätter till hjälpsamma åtgärder.
En annan förändring du kan överväga att göra inom detta område är att lägga till lite mer differentiering mellan den primära navigeringstexten och undermenyns nedrullningstext. Den här typsnittet blir lite svårt att läsa i stora bitar på grund av det är djärvt, så det kan hjälpa till att göra undermenyobjekten något lite tunnare.
![](http://lesptitesaffairesdemayl.be/img/images_1/web-design-critique-41-rachilli_2.jpg)
Messaging
Låt oss backa lite och ta in den översta halvan av webbplatsen som helhet för att se om vi kan upptäcka några problem. Höger jag märker något ganska stort:
![](http://lesptitesaffairesdemayl.be/img/images_1/web-design-critique-41-rachilli_2.png)
Liknande den webbplats vi såg förra veckan finns det inget tydligt, enkelt och stort meddelande som pekar på vad webbplatsen är. Bilderna i reglaget varierar kraftigt så att du inte är helt säker på vad som händer. För att upptäcka svaret måste du först läsa rubrikfrågorna, bestämma vilken som kommer att berätta vad Rachilli är, läs sedan den lilla texten. Det här är helt enkelt för många steg för att upptäcka vad en webbplats handlar om.
Jag tycker att det enklaste sättet att åtgärda detta är att integrera lite text i bildspelet. De flesta jQuery-plugins för reglage som detta har textmoduler inbyggda så det borde vara en ganska enkel förändring. Även ett orddeskriptor över bilderna skulle gå långt: Webbdesign, fotografi, varumärkesidentitet etc.
Nedre halvan
Medan den övre halvan av webbplatsen är mycket stark ur ett visuellt perspektiv, svagas det i detta område när du går längs sidan. Efter den första rubriken är du kvar med en stor sida full av text.
![](http://lesptitesaffairesdemayl.be/img/images_1/web-design-critique-41-rachilli_3.jpg)
Det finns flera sätt att detta kan förbättras. Först och främst, trots att de tre kolumnformat fungerar bra, tycker jag att det är lite överflödigt att se det användas både i innehålls- och sidfoten.
Om du staplade den? Vem är jag ?? och? Vad kan jag göra ?? sektioner, som skulle göra huvudinnehållet till en två kolumnavsnitt följt av den tre kolumnfoten. Att lägga till variation i din layout samtidigt som du behåller en tydlig struktur bidrar till att hålla sakerna intressanta.
En annan sak att se upp för är kolonnens bredd. Kolumnerna på huvudavsnittet stämmer nästan ihop med de i sidfoten på vissa punkter, men är väl placerade på andra punkter. Layoutlikheter är farliga. Om två saker ska vara samma, gör dem samma. Om inte, gör dem väsentligt annorlunda. Annars resulterar det i ett slags stökigt utseende som ger användarna ett intryck av att du försökte göra allt på rad men inte gjorde det riktigt.
Slutligen finns det bara ett ton oavbruten text mellan "Vem är jag ??" och? Vad kan jag göra ?? sektioner. När det här innehållet är staplat tycker jag att det borde minskas (kanske två korta stycken för varje) och brutit upp med en liten bild. Det här kan vara ikoner, arbetsprover, allt som lägger till något intresse för sidan utan att ta med det för mycket rubbning.
Slutsats
Sammanfattningsvis är Rachilli en snygg webbplats som uppenbarligen skapades av någon som visste vad de gjorde. Jag gillar kommunikationens ton, det är lätt att kontakta designern och den övergripande utformningen av sidan.
Mina rekommendationer var för det mesta små förändringar. Gör logotypen en länk, lägg till lite beskrivande text i bildspelet, bryta upp texten i avsnittet för primära innehåll och överväga ompröva det upprepade tre kolumnformatet. Jag tror att dessa förändringar verkligen kommer att köra hem både den estetiska och användbarheten av den här sidan.
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.