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 Pergola Farmhouses. 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 Pergola Farmhouses
Pergola Farmhouses grundades 1997 då Julian började renovera gamla bondgårdar till semesterhus. Hans fru Doris blev den som var ansvarig för bokningar och de allmänna driften av bondgårdarna, medan Julian fokuserade på renovering av nya karaktärer. Med över femton års erfarenhet av bondgårds- och villauthyrning med olika människor från många ursprung, är Julian och Doris alltid här för att hjälpa och göra din semester så bekväm och minnesvärd som någonsin.
Här är en skärmdump av hemsidan:
Första intrycket
Pergola Farmhouses webbplats har en solid, funktionell bas som jag tror kommer att tjäna dem bra. Men från en estetisk synpunkt tror jag att det skulle kunna använda en uppdatering. Vi pratar om hur överanvändningen av några föråldrade trender har lett till en webbplats som känns daterad.
Efter daterade trender
Ett av de svåraste ämnena att kommentera om en viss webbplats är att använda tidiga trender i en design. Ibland vet du omedelbart när du tittar på en webbplats som det verkar lite daterad, men det är svårt att hitta varför. Detta är särskilt sant när, liksom den här webbplatsen, har designen avsiktligt en vintageåstetik.
Vidare, till en icke-designer, kan det verka små. Men det är mycket som att ha på sig kläder som länge har gått ur stil, som det eller inte, människor kommer att döma dig för det. Plus, som besökare om jag känner att grafiken är föråldrad börjar jag undra om informationen är lika bra.
Som jag just nämnde är den här platsen avsiktligt åldrad i sin estetiska, men du måste överväga att över tiden även vintage och retro design stilar utvecklas. De besvärliga områden som är enklaste att upptäcka är de som inte riktigt passar ihop med det gamla temat till att börja med. Till exempel, användningen av Photoshop-stilskärning och präglingseffekter:
Denna stil har helt enkelt kommit och gått och tenderar att se ostlik i dessa dagar. Du kan inte heller motivera det med retroargumentet, eftersom den här stilen tyder på ett ursprung från början av 2000-talet medan resten av webbplatsen föreslår en mycket äldre tidsperiod.
En annan sak som inte fungerar riktigt för mig är den extremt stora användningen av textur. Bakgrundsbakgrunden, upptagna ränder, repeterande patter bredvid bildspelet och träet i navigeringen kommer alla tillsammans på ett bestämt upptagen och överväldigande sätt (särskilt randarna). Textur trender idag tenderar att gravit mer mot subtilitet.
Logotypen
Ett element som jag tror framgångsrikt drar av vintagemotivet är logotypen. Det är en vacker del av illustrationen som arbetar snyggt i en oval försegling. Det påminner mycket om Letterheads-stilen, som trots att den är daterad, fortfarande kan vara super attraktiv när den kontaktas med takt. Jag tror att de tillagda vinstockarna i ryggen kan vara onödiga men annars är det här ett bra design.
Sociala länkar
Medan vi tittar på toppen av webbplatsen är det en snabb sak att nämna. Layouten på de sociala logotyperna är ganska udda:
Det finns helt enkelt ingen anledning till att Google+-logotypen är på egen linje. Det här är besvärligt och distraherande och gör att det känns som en eftertanke. Jag skulle satsa på att det var ett nytt tillägg (med tanke på att det är en ganska ny sida) och någon investerade bara inte den nödvändiga tiden för att göra denna logotyp verkligen strömma med resten av layouten.
SlideDeck
Bildspelet som används på Pergolas hemsida är det populära SlideDeck jQuery-plugin, som jag är en stor fan av. SlideDeck gör det super lätt att bygga ett attraktivt och interaktivt sätt att ha massor av innehåll i ett litet utrymme.
Trots att jag gillar begreppet SlideDecks, är jag inte galen om genomförandet här. Gradienterna här och annorstädes är en annan av dessa handen som verkar som en Photoshopped look som inte är särskilt populär längre. Vidare är det konstigt att de vertikala staplarna är tomma. Dessa är avsedda att hålla textinnehåll relaterat till bilden. Tom, de känner att de bara spenderar utrymme utan anledning. Dessutom saknar du en möjlighet att ge enkla bitar av information om varje bild: Vacker utsikt över havet, Full servicepersonal etc.
Typografi
Det sista området som jag skulle vilja diskutera är typografi på sidan. Jag är en stickler för bra typ och maximal läsbarhet och jag kan inte låta bli att designern har gått överbord här med de kursiva rubrikerna:
Tecknet i sig är ett ganska intressant skript så jag kan se varför den valdes, men tricket att implementera skript med någon grad av framgång är att använda dem sparsamt. Den här typsnittet ser till exempel bra ut för det enkla ordet? Gozo? rubrik nära toppen av sidan, men resten av tiden är det helt enkelt för utsmyckat och medför en onödigt svår läsupplevelse.
Vidare har styckena längst ned på sidan något ganska obekvämt blankutbredning. Det verkar som om det var ett stort gap och lite innehåll och de två kom inte riktigt bra samman. Jag skulle rekommendera att klippa ut några av de onödiga rasterna.
Slutsats
Om jag tittar på webbplatsen tycker jag att det finns ett bra mått på funktionalitet här.Som en potentiell besökare har jag inte alls några problem att navigera och hitta den information som jag behöver. Detta är ett stort plus som inte bör förbises. De flesta besökare kommer bryr sig om detta framförallt.
Som sagt, från en design perspektiv kan saker vara bättre. Webbplatsen känns lite som ett gammalt hus som kan använda vissa uppdateringar. Du vill ha den gamla stilen estetiska att förbli på plats, men några av armaturerna bör ersättas för att få det i nivå med moderna standarder.
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.