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 Aaron Storry Photography.
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 Aaron Storry Photography
Aaron är en professionellt utbildad och erfaren fotograf i Higham Ferrers, Northamptonshire. Hans expertis är till stor del i bröllopsfotografering, porträtt, landskap och uppriktigt fotografering, men han är också mycket erfaren i HDR (High Dynamic Range Imaging) & Tilt-Shift.
Här är en skärmdump av hemsidan:
Inledande tankar
Om du har följt våra designkritiker en stund kanske du känner igen den här webbplatsen. Aaron Storry var också Web Design Critique # 5! Därefter sa jag att jag verkligen gillar webbplatsen, och uttalandet är ännu mer sant idag. Här är den ursprungliga hemsidan designen.
Som du kan se, jämför den, den gamla versionen är mycket slätare och lite tom. Den nya webbplatsen känns som att mycket mer arbete sätts i både innehållet och estetiken. Det är inte ofta att jag berömmer en designer för cramming Mer innehåll på deras hemsida, men i det här fallet tycker jag definitivt att det behövde det.
Jag tycker verkligen om att Aaron bestämde sig för att hålla kärnan i den gamla designen, samtidigt som den verkligen tar den till nästa nivå. Om du var en kund som var bekant med den gamla sajten skulle den nya inte chocka dig, det skulle känna sig mer som en uppdatering än en fulländad omkonstruktion.
Låt oss ta en titt på varje bit på hemsidan och se hur / om det har förbättrats och huruvida vi tror att ytterligare förbättringar kan göras.
Navigering
Den gamla platsen hade en navigeringsfält som sprang ner på sidan. Vissa människor älskar sidnavigering, andra hatar det, men den här implementerades ganska bra. Anledningen till att den fungerade berodde på att den var fixad så att när du rullade kom navigationen med på turen, vilket gör det enkelt att byta sidor var som helst.
Denna funktionalitet var dock inte närvarande på de ställen som behövde det mest: de långa galleridagen. Denna inkonsekvens var en stor undergång av föregående plats. Den nya sajten slår helt och hållet i sidoregionen och väljer istället en navigerad navigation.
Huruvida en toppnavigering är i sig bättre än en sidnavigering är en diskussion för en annan dag, men i det här fallet tycker jag definitivt att det är en förbättring. Först och främst äter sidfältet mycket av sidbredd, vilket som vi ser nu hade stor potential att visa upp annat innehåll. Att hålla navigeringen uppåt har minskat fotavtrycket på denna del av webbplatsen samtidigt som den placeras på en logisk plats. Vad jag menar med det är när någon letar efter navigeringen, kommer de att börja längst upp på sidan.
Så långt som möjligt förbättras, är jag inte säker på att jag är galen på den upprepade formen bakom navigeringsrutorna. Jag tror att en enkel mörk låda kan ge mer kontrast och känna sig mindre besvärlig.
Bildspel
Jag kan inte säga tillräckligt om detta område. Att flytta navigeringen för att göra mer plats för bildspelet är det enda bästa beslutet som gjordes i redesignen. Fotografer måste visa upp en sak framför allt på deras webbplatser: deras bilder.
Det här är 99,9% av hur du kommer att bedömas av potentiella kunder och ingenting gör ett bra intryck som ett stort bildspel som visar ditt bästa arbete. Om du är fotograf, bör du definitivt försöka efterlikna detta på din webbplats. Faktum är att vi nyligen publicerade en handledning om att skapa ett helskärmslideshow för din hemsida.
Utöver storleken på bildspelet är implementeringen solid. Till att börja med är det JavaScript istället för Flash, vilket alltid är en bonus. Kontrollerna är också enkla men enkla att upptäcka och använda.
Informationsinnehåll
Den andra stora förbättringen för den här webbplatsen är införandet av mycket hjälpsam information direkt på hemsidan. Innan användarna var tvungna att gräva mycket djupare på webbplatsen för att lära sig om Aaron och hans tjänster, vilket inte är idealiskt för nyfikna första besökare. Nu anges hans tjänster tydligt med länkar till varje avsnitt på webbplatsen.
Organisationen av denna information är riktigt bra. Så många av dessa kritik inkluderar kritik av hur information presenteras på hemsidan eftersom det är så lätt att få det att se ut som en oorganiserad röra. Här har vi dock tydligt separata sektioner med ett lättläst informationsflöde och starka anpassningsprinciper som träder i bruk. Jag gillar särskilt användningen av grålådor för att skilja innehållet till vänster från det till höger, en fin touch!
Andra sidor
Den stora designen stoppar inte på hemsidan. Layouten som upprättats här utförs mycket bra över hela webbplatsen. Kom ihåg att det är helt acceptabelt att återanvända en modifierad version av din hemsida layout för dina andra sidor, du behöver inte återuppfinna hjulet varje gång! Här skapar designern ett förutsägbart och välbekant mönster som hjälper användbarheten när du snabbt blir van vid basutformningen.
Även när formgivaren var tvungen att helt ompröva en layout, som i fråga om butikssidan, knackade han verkligen den ut ur parken. Den nätbaserade layouten är super solid och fungerar perfekt här. Andra fina detaljer inkluderar svängverkan och ren, funktionell sidofält.
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.