Web Design Critique # 70 Lake Gibbs Estate

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 Lake Gibbs Estate. Låt oss hoppa in och se vad vi tycker! När du är klar över den här artikeln, se till att du kolla in vår enorma samling av andra webbdesignkritiker.

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 sjön Gibbs Estate

Inbäddat i fjällen i Sahayadri bergskedjan, erbjuder den peninsulära sjön Gibbs Estate en perfekt plats för ditt andra hem. Täckt i frodiga gröna skogar, omgivna av Thokarwadi-dammens vatten som förenar och blandar sig med Andhra-sjön, Shirawata-sjön och Valvhan-sjön. Lake Gibbs erbjuder ett unikt tillfälle att koppla från din vardag och återansluta med dig själv. Långt från alla stadsområden, men inom 30 minuters köravstånd från Malavli, Bhivpuri Road och Paladari stationer; Lake Gibbs är den perfekta tillflyktsorten för helgen eller till och med det alternativa året.

Här är en skärmdump av hemsidan:

Första intrycken

The Lake Gibbs Estate webbplats är mycket enkel. Det finns bara en enda sida med ett stort bildspel och några mycket korta beskrivningar. Följaktligen kommer det att bli en ganska kort kritik!

Mitt första intryck av denna sida är ganska positiv. Det är väldigt snyggt och attraktivt, fullskärmsbilderna av vacker natur tar verkligen din uppmärksamhet. För det mesta tror jag att designern har gjort ett bra jobb med att skapa något som är både grundläggande och intressant. Varje del av designen ger en kommentar så låt oss ta en närmare titt.

Bildspelet

Som jag just nämnde är bildspelet det verkliga showstoppet här. Faktum är att webbplatsen är bildspelet, det finns lite annat. Jag är alltid en förespråkare för att utnyttja bra fotografi i design. Ett bra foto kan vara effektivare än timmar av? Från början? Photoshop arbetar med att ta tag i användarens uppmärksamhet och kommunicera en estetisk känsla. Det kan kännas som att du tar den enkla vägen genom att reducera en design till fullskärmsfoton, och kanske du är, men det är svårt att motstå tanken på mindre arbete som leder till en eventuellt mer attraktiv färdig produkt!

En plats där fotografi tung design fungerar ganska bra är med produktbilder. När du säljer en vacker produkt är kulpunkten bra, men bilden av produkten ska vara den riktiga hjälten. Du ser detta på jobbet i design från Apple, Dyson och många andra premiumproducenttillverkare. Här gäller samma princip, den intressanta delen är att landskapet är produkten (de säljer tomter). Det här fungerar fantastiskt, för det finns nästan ingenting mer attraktivt än frodigt grönska och en färgstark himmel på stranden av en expansiv flod.

Typografi

När du har en fotografisk tung design som den här, blir typografi en av de viktigaste besluten som du kommer att göra som designer. Du har till uppgift att välja något som kompletterar bilderna. Det ska vara attraktivt och matcha stämningen i bilderna utan att försöka stjäla showen.

En snabbtryckning av min WhatFont-bokmärke avslöjar att den moderna, kondenserade teckensnitt som används på denna sida är ett fria teckensnitt som heter Steelfish. Jag tycker att teckensnittet är perfekt för det här projektet och jag gillar hur, trots att det bara fanns en variation av typsnittet, kunde designern hjälpa vissa aspekter av designen att sticka ut genom att använda alla kepsar.

Typen skulle definitivt inte stå ut mot bilderna så att ett enkelt och effektivt designtrick användes: en reducerad svart överlagring av opacitet. Detta ramar webbplatsen snyggt och belyser den viktiga informationen, men förringar inte för mycket från de primära visuella bilderna.

Ett problem som jag har med typografi är ordavståndet, särskilt på "Lake Gibbs Estate"? text. Utrymmet mellan orden i förhållande till mellanslag mellan bokstäverna verkar långt borta. Detta är tyvärr det vanligaste problemet som jag stöter på med fria teckensnitt, få verkar verkligen dra av ordavstånd och premiumfonter.

sidfot

På ytan verkar det som om det inte finns något annat på sidan men bildspelet och webbplatsens namn. Men vid ytterligare inspektion visar det sig att det finns mer. Längst ner på sidan hittar du en svart stapel med bildtexter för varje bild i bildspelet:

Hovering över den här fältet expanderar en? Om? och? Kontakt? avsnitt från botten av sidan i en fin, flytande animering.

Jag gillar hur detta område ser ut, men jag är definitivt inte en stor fan av funktionaliteten. Problemet är inneboende i min tidigare kommentar, det här avsnittet är ganska dolt. Det finns ingen indikation någonstans på sidan som den existerar, det är bara när du börjar slumpmässigt placera musen över olika områden som du upptäcker närvaron.

Jag rekommenderar definitivt att lägga till någonsin närvarande visuell indikator. Kanske en liten flik som sticks upp från den nedre fältet som säger? Läs mer.? Det finns en miljon möjliga lösningar, varav flera fungerar bra, den viktiga delen är att använda någonting för att hjälpa användaren att inse hur man får den viktiga informationen.

Slutsats

För att sammanfatta, här är en snabb checklista över mina tankar om designen.

Bra

  • Enkel, ren design som tjänar sitt syfte bra.
  • Bildspel: Underbara fullskärmsbilder tar verkligen användarens uppmärksamhet.
  • Teckensnitt: Det är rent, modernt och attraktivt.Det används inte heller på den mindre kroppstexten, vilket är ett bra samtal eftersom det tydligen är en rubrik i rubriken.

Behöver arbete

  • Ordet avstånd på sjön Gibbs Estate. Jag tycker om teckensnittet men om du inte kan fixa detta ögonblick kan det vara bättre att hitta något nytt.
  • Den dolda sidfoten. Det är inte uppenbart att detta finns till dess att du av misstag hittar det. Tänk på ett sätt att markera detta innehåll bättre.

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.