Web Design Critique # 78 Katy Cain

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 portföljen av Katy Cain, en bröllopsfotograf i Chandlers Ford. 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 Katy Cain

? Jag är en Hampshire bröllop och porträttfotograf baserad i Chandlers Ford. Jag reser brett i hela Hampshire och de omgivande länen inklusive Oxfordshire, Wiltshire, Surrey, Sussex och Dorset. Ta en titt på mitt arbete och om du känner att jag skulle passa perfekt in i din dag så skulle jag gärna höra från dig.?

Här är en skärmdump av hennes hemsida:

Första intrycket

Den allra första som jag märker om Katys webbplats är att den är ren och minimal. Denna speciella designstil fungerar bra för fotografens webbplatser eftersom det gör att bilderna tydligt kan sticka ut som de mest framträdande föremålen på sidan. Eftersom bilder handlar om verksamheten är det här en perfekt strategi.

Jag märker också att det inte är en Flash-sida. Fotografer i allmänhet har ett allt beroende av 100% Flash-baserade webbplatser och jag är alltid glad att se personer som har tagit en mer standardvänlig inställning.

Bottenlinjen är, webbplatsen är ute till en riktigt stark start. Det är enkelt, men effektivt. Det finns dock några områden där jag föreslår att jag tänker på en ändring eller två. Låt oss hoppa in och se hur vi kan förbättra webbplatsen.

Lite mer wow

För alla negativa aspekter som du får med dem, har Flash-webbplatser en stark sak för dem: de tenderar att vara ganska engagerande. Ofta försöket att vara engagerande kör så långt att det blir irriterande och distraherande, men det är åtminstone ett försök att göra saker intressanta.

Den här webbplatsen går kanske för långt i andra riktningen: det verkar faktiskt ganska tråkigt. Allt om designen föreslår en säker? tillvägagångssätt som håller sig långt ifrån vad som helst som kan anses vara modigt. Huvudbilden är en bra storlek, men inte för stor, texten är alla ganska homogena sans-serif-typ, sidan är helt statisk; Jag tycker bara att vi måste ge allt en bra liten ökning för att göra det mer intressant.

Till att börja med skulle jag föreslå att huvudbilden bildar ett JavaScript-bildspel som cyklar mellan tre och fem bilder. När jag kommer till en fotografs sida är det första och ofta bara jag vill se vilken typ av foton de tar och jag skulle gärna få en större smak för det direkt från hemsidan.

Jag skulle också vilja se innehållsbredd utsträckt med minst 100px, mer om det är möjligt. Jag vill att huvudfotoet ska vara stort, djärvt och i ditt ansikte.

Logotyp

Typografi för logotypen är inte min favorit. Den tunna typsnittet är acceptabelt eftersom det föreslår ett kvinnligt överklagande och eftersom Katy verkligen är en kvinna fungerar denna idé. Men jag är inte säker på om det är något med bildens upplösning eller det sätt på vilket den faktiska typsnittet görs, men kurvorna kommer ut som skarpa och pixelerade istället för snygga och släta. Mitt öga är kontinuerligt dras till denna distraktion och jag rekommenderar ett försök att ta itu med det.

Dessutom är logotypens andra rad ganska liten och svår att läsa. Jag vet vad det säger omedelbart, men om jag verkligen tittar på det, får effekten mina ögon att skada lite. Jag föreslår att du släpper ordet "professionell"? det finns helt enkelt inget behov av det här. Låt arbetet berätta för dem att du är en professionell, muntligt insisterar på att du är ett ironiskt sett gör att du låter som en nybörjare. Om du tar bort det här ordet kommer du att frigöra lite horisontellt utrymme för resten att vara något större.

Navigering

Jag uppskattar noggrant subtila designrör, men den lilla lilla lilla husikonet (visas ovan vid den verkliga storleken) skjuter det. Det är så otroligt litet att det förmodligen är mer av en distraktion än något som förbättrar sidans estetik på vilken nivå som helst. Det är allvarligt den bittiest bittiest ikonen jag någonsin sett.

Utöver detta tycker jag att navigationen fungerar bra. Jag föreslår att du stöter på det över några pixlar till höger men så är det helt spola med bilden nedanför. Dess nästan där, men inte riktigt. Jag har en hel artikel tillägnad hur? Nästan? är ett smutsigt ord för designers.

Låt oss tänka på Layouten

Jag tycker att den nuvarande layouten är lite besvärlig, särskilt när det gäller typen. Den stora delen av centrerad text under huvudfotoet behöver definitivt lite arbete. Först och främst är breda kolumner med centrerad text den mortal fienden av läsbarhet, undvik dem till varje pris. Vänsterjusterade stycken är sättet att gå i en situation som denna och den rättvisa anpassningen för sidan som helhet gör det perfekt för detta.

Vidare är detta ditt främsta välkomstmeddelande, men det sticker inte ut på något sätt. Det är bara där; vanlig gammal tråkig text som inte skiljer sig på något väsentligt sätt.

Jag föreslår att du uppdaterar layouten på hela sidan. Det blir inte ett stort företag, bara några skift och förändringar. Den övergripande estetiken kommer också att behållas. Men dessa tweaks kommer att få det att känna som en helt ny webbplats, spränger med personlighet och drivs av en inbjudande atmosfär.

Låt oss börja med det stora stycket. Det vi behöver här är en viss kontrast, både i storlek och djärvhet. Jag skapade en tre-stegs lösning som är mycket mer attraktiv än en monotont stycke.

Som du kan se börjar det med en stor, djärv? Hej ?.Den flyttar sedan till en huvudinledning som är tillräckligt stor för att vara en rubrik, men inte så stor att den konkurrerar med det första hejmeddelandet. Slutligen blir resten av stödtexten kastad i ett mindre stycke.

Jag kombinerade detta med en omformatering av den övergripande layouten så att den är mycket mer förankrad till vänster sida. Detta utnyttjar? F? mönster som många läsare brukar följa när man surfar på webben. Här är den stora bilden:

Den här nya layouten är ren, modern och professionell, men gör fortfarande Katy som den typ av vänlig person som du skulle vara glad att jobba med.

Andra sidor

De andra sidorna på webbplatsen kan använda en liknande översyn. Flera är ren text med några av samma problem som stycket på hemsidan. Jag rekommenderar att du lägger på några av dessa sidor med ett bra, stort foto för att hålla sakerna intressanta.

Ta också textdifferentieringslektionen ovanifrån och använd den på de här stödjande sidorna: Större, djupare rubriker och tydligt tierad kommunikation som lägger tonvikten på de viktigaste aspekterna av meddelandet.

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.