Web Design Critique # 70 Lake Gibbs Estate

Ogni settimana diamo un'occhiata a un nuovo sito Web e analizziamo il design. Indicheremo sia le aree che sono fatte bene che quelle che potrebbero utilizzare del lavoro. Finalmente, finiremo chiedendoti di fornire il tuo feedback.

Il sito di oggi è Lake Gibbs Estate. Entriamo e vediamo cosa pensiamo! Quando hai finito di esaminare questo articolo, assicurati di dare un'occhiata alla nostra vasta raccolta di altre recensioni sul web design.

Se desideri inviare il tuo sito web in una futura Critica del design, ci vogliono solo pochi minuti. Facciamo pagare $ 49 per criticare il tuo design - molto meno di quanto paghi per un consulente per dare un'occhiata al tuo sito! Puoi saperne di più qui.

Circa la proprietà del lago Gibbs

Immerso nei foolhills della catena montuosa Sahayadri, la penisola di Lake Gibbs Estate offre un luogo perfetto per la vostra seconda casa. Coperto da lussureggianti foreste verdi, circondato dalle acque della diga di Thokarwadi che si fondono e si confondono con il lago Andhra, il lago Shirawata e il lago Valvhan; Lake Gibbs offre un'opportunità unica per disconnetterti dal tuo quotidiano e riconnettiti con te stesso. Abbastanza lontano da qualsiasi area urbana, ma a 30 minuti di distanza in auto dalle stazioni di Malavli, Bhivpuri Road e Paladari; Lake Gibbs è la destinazione perfetta per il weekend o anche l'anno alternativo.

Ecco uno screenshot della homepage:

Prime impressioni

Il sito web di Lake Gibbs Estate è molto semplice. C'è solo una singola pagina con una presentazione di grandi dimensioni e alcune descrizioni molto brevi. Di conseguenza, questa sarà una critica abbastanza breve!

La mia prima impressione di questa pagina è abbastanza positiva. È molto elegante e attraente, le foto a schermo intero di uno splendido scenario catturano davvero la tua attenzione. Per la maggior parte, penso che il designer abbia fatto un ottimo lavoro nel creare qualcosa che sia sia di base che interessante. Ogni pezzo del design merita un commento, quindi diamo un'occhiata più da vicino.

Lo slideshow

Come ho appena detto, lo slideshow è il vero stopper qui. In effetti, il sito è lo slideshow, c'è poco altro. Sono sempre un po 'propenso a sfruttare la grande fotografia del design. Una buona foto può essere più efficace di ore di? Da zero? Photoshop lavora per catturare l'attenzione dell'utente e comunicare un tocco estetico. Potrebbe sembrare che tu stia prendendo la via più semplice riducendo un disegno a foto a schermo intero, e forse lo sei, ma è difficile resistere all'idea di un minor lavoro che porti a un prodotto finito forse più attraente!

Un luogo in cui il design pesante della fotografia funziona abbastanza bene è quello con le foto di prodotto. Quando vendi un bel prodotto, i punti elenco sono grandiosi, ma l'immagine del prodotto dovrebbe essere il vero eroe. Vedete questo al lavoro nel design di Apple, Dyson e molti altri produttori di prodotti premium. Qui si applica lo stesso principio, la parte interessante è che il paesaggio è il prodotto (stanno vendendo grafici). Questo funziona in modo fantastico perché non c'è quasi nulla di più attraente di una vegetazione lussureggiante e un cielo colorato sulla riva di un fiume espansivo.

Tipografia

Quando hai un design pesante come questo, la tipografia diventa una delle decisioni più importanti che tu possa prendere come designer. Hai il compito di scegliere qualcosa che integri le immagini. Dovrebbe essere attraente e abbinare lo stato d'animo delle immagini senza provare a rubare lo spettacolo.

Una rapida pressione del mio bookmarklet WhatFont rivela che il carattere tipografico moderno e condensato utilizzato su questo sito è un font gratuito chiamato Steelfish. Penso che il font sia perfetto per questo progetto e mi piace come, nonostante abbia solo una variazione del carattere tipografico, il designer sia stato in grado di aiutare alcuni aspetti del design a distinguersi attraverso l'uso di tutte le maiuscole.

Il tipo non si distinguerebbe sicuramente dalle foto, quindi è stato utilizzato un trucco di progettazione semplice ed efficace: una sovrapposizione di opacità nera ridotta. Questo incornicia bene il sito e mette in risalto le informazioni importanti senza penalizzare troppo le immagini primarie.

Un problema che ho con la tipografia è la parola spaziatura, in particolare sul? Lago Gibbs Estate? testo. Lo spazio tra le parole rispetto allo spazio tra le lettere sembra lontano. Questo è, purtroppo, il problema più frequente in cui mi imbatto in font gratuiti, pochi sembrano davvero estrarre la spaziatura delle parole così come i caratteri premium.

footer

In apparenza, sembra che non ci sia nient'altro alla pagina ma la presentazione e il nome del sito. Tuttavia, dopo un'ulteriore ispezione, si scopre che c'è di più. Nella parte inferiore della pagina, trovi una barra nera con didascalie per ciascuna delle immagini nella presentazione:

Passando il mouse su questa barra si espande un? A proposito? e? Contatta? sezione dalla parte inferiore della pagina in un'animazione piacevole e fluida.

Mi piace il modo in cui quest'area appare, ma non sono sicuramente un grande fan della funzionalità. Il problema è inerente al mio commento precedente, questa sezione è abbastanza nascosta. Non c'è alcuna indicazione sulla pagina che esista, è solo quando inizi a posizionare casualmente il mouse su varie aree che scopri la sua presenza.

Consiglio vivamente di aggiungere un indicatore visivo sempre presente. Forse una piccola linguetta che spunta dalla barra in basso che dice? Ulteriori informazioni.? Ci sono un milione di possibili soluzioni, molte delle quali funzioneranno bene, la parte importante è usare qualcosa (qualsiasi cosa) per aiutare l'utente a capire come arrivare a questa importante informazione.

Conclusione

Per riassumere, ecco una breve lista di controllo dei miei pensieri sul design.

Buono

  • Design semplice e pulito che serve bene al suo scopo.
  • Slideshow: bellissime immagini a schermo intero catturano davvero l'attenzione dell'utente.
  • Font: è pulito, moderno e attraente.Inoltre, non è utilizzato nel testo del corpo più piccolo, che è una buona scelta dato che è chiaramente un carattere di titolo.

Ha bisogno di lavoro

  • La parola spaziatura sul lago Gibbs Estate. Mi piace il font, ma se non riesci a risolvere questo problema, potrebbe essere meglio trovare qualcosa di nuovo.
  • Il footer nascosto. Non è evidente che questo esiste finché non lo trovi accidentalmente. Pensa a un modo per evidenziare meglio questo contenuto.

Il tuo turno!

Ora che hai letto i miei commenti, inseriscici e dacci una mano dando al designer qualche ulteriore consiglio. Facci sapere cosa pensi sia importante per il design e cosa pensi possa essere più forte. Come sempre, ti chiediamo anche di essere rispettoso nei confronti del designer del sito e di offrire una consulenza chiara e costruttiva priva di insulti ostili.