Critica di web design n. 18: due tipi
Ogni settimana diamo un'occhiata a un nuovo sito Web e analizziamo il design. Indicheremo sia le aree che hanno funzionato bene sia quelle che potrebbero usare un po 'di lavoro. Infine, finiremo chiedendoti di fornire il tuo feedback.
Il sito odierno è Two Chaps Branding una società di web design e marketing con sede a Baltimora.
Esplora risorse di progettazione
Se desideri inviare il tuo sito Web per essere presentato in una futura critica al design, bastano pochi minuti. Facciamo pagare $ 24 per criticare il tuo design - molto meno di quanto pagheresti per un consulente per dare un'occhiata al tuo sito! Puoi saperne di più qui.
Circa due tipi
“Qui in TwoChaps crediamo che un marchio sia più di un bel logo e una dichiarazione di missione caricata con le ultime parole d'ordine del settore. Crediamo che un marchio sia la storia di un'azienda, una storia che definisce le sue relazioni passate, presenti e future con i suoi clienti e clienti. Crediamo che un marchio sia più di come desideri essere percepito, è come sei effettivamente percepito. Ignorato o nutrito, il tuo marchio ti definisce. "
Ecco la homepage di Two Chaps:
Il design complessivo è molto interessante. Il tema invecchiato viene eseguito bene su colori, tipo e trame e il layout è semplice ma potente. L'allineamento è molto stretto con la maggior parte del contenuto che comprende una colonna chiaramente definita.
Analizziamo alcuni aspetti del design e guardiamoli in modo più approfondito.
Il logo
Mi piace molto il lavoro svolto nel logo. Bombetta e baffi sono un perfetto messaggio visivo per il nome di "Due ragazzi". Allo stesso modo, il forte carattere tipografico serif è perfetto per il periodo di tempo per cui i designer stanno girando.
Anche se mi piace il logo così com'è, non posso fare a meno di chiedermi se sarebbe più forte senza i baffi. In questo momento ci sono due elementi grafici concorrenti nel logo e ridurlo a un singolo potrebbe migliorare il pezzo. Mi rendo conto che i baffi, le lettere e il cappello suggeriscono insieme una faccia, ma legge ancora più come lettere con baffi e cappello.
Come grafico principale, il bowler potrebbe quindi essere utilizzato altrove come elemento autonomo indipendente dal resto del logo.
Il titolo
Il titolo è la mia cosa preferita sul sito. Sebbene appaia a destra, è uno dei primi a guardare quando la pagina viene caricata a causa delle sue dimensioni e audacia.
Le dimensioni delle lettere sono state perfettamente strutturate per creare un'unità coesiva che cattura la tua attenzione e consente una lettura veloce. Notate come le parole meno importanti (il, di) sono state ridotte in dimensioni per dare spazio alle parole più importanti (arte vera).
Dal momento che questo è un tipo grafico e non dal vivo, consiglierei sicuramente di prenderti il tempo di lavorare sulla crenatura del testo qui. Alcune lettere, come la "T" e la "r" in "Vero", sono stranamente distanti mentre altre sono un po 'schiacciate insieme.
È facile dimenticare questo passaggio durante la progettazione, ma se la tipografia sarà una caratteristica principale del progetto, devi sempre essere sicuro che la spaziatura tra le lettere sia il più vicino possibile alla perfezione.
Miniature di immagine
Le immagini sulla homepage hanno ricevuto un eccellente trattamento delle frontiere. L'ombreggiatura dà davvero molta profondità alle immagini in quanto crea tre livelli separati.
Per impostazione predefinita, le immagini sono in scala di grigi, ma se si passa con il mouse su di esse scendono di uno o due pixel (intenzionale?) E diventano a colori. Questo è un bell'effetto con cui è divertente giocare se stai visitando il sito per la prima volta.
La barra laterale
Come puoi vedere, la barra laterale è un nastro verticale che contiene il logo, la navigazione, un paio di pulsanti social e alcune informazioni legali. Se controlli il sito live, vedrai che il piè di pagina rimane comodamente fermo mentre il sito scorre. Ciò fornisce un facile accesso per cambiare pagina, indipendentemente da dove ti trovi nel sito.
Adoro l'audacia del rosso e quanto si distingue dal resto del design. Mi piace anche il trattamento e i colori utilizzati per i pulsanti Facebook e Behance. È un po 'strano però che le lettere in "Facebook" abbiano un'ombra così dura mentre quelle in "Behance" no.
Le sezioni di navigazione della barra laterale si espandono e si contraggono con un'animazione fluida mentre fai clic sulle intestazioni. La chiave qui è che tutti gli elementi sono ancora perfettamente accessibili con JavaScript disabilitato, i menu sono semplicemente tutti mostrati in posizione aperta e non sapresti nemmeno che ti mancava qualcosa.
È sempre bene fare il possibile e assicurarsi che il tuo sito funzioni per i browser che supportano le tue piccole prelibatezze visive e quelle che non lo fanno.
footer
Il piè di pagina contiene l'invito all'azione per l'assunzione dell'azienda ed è ancora un altro giro ben progettato sul tema invecchiato.
Le linee in alto e in basso sono un bel tocco, così come il piccolo segno "Clicca qui" con un ricciolo di pagina. Questa sezione sembra un po 'come alcuni "esperti" SEO se ne sono resi conto dato che la parola "marchio" appare moltissime volte per un pezzetto di testo.
leggibilità
Come ho detto sopra, nel complesso mi piace molto il design del sito. È unico, audace, attraente e abbastanza funzionale. Tuttavia, penso che l'usabilità del sito stia soffrendo a causa del testo. Guarda l'immagine qui sotto dalla pagina "La nostra storia".
Come puoi vedere, né il grande titolo colorato successivo né il testo del corpo bianco sono molto leggibili sullo sfondo strutturato. Ciò è aggravato dal fatto che lo sfondo rimane in posizione mentre il testo scorre, creando un effetto visivo davvero complesso e impegnato durante la navigazione del sito.
Alla fine, il bello sfondo strutturato potrebbe essere più difficile che buono. È una buona idea provare a far cadere la sua opacità o demolirla del tutto a favore di qualcosa di più semplice. Questo può essere spiacevole da ascoltare, ma se aumenta la leggibilità del testo nell'intero sito vale la pena.
Il tuo turno!
Ora che hai letto i miei commenti, chiedi aiuto e dai ulteriori consigli al designer. Facci sapere cosa pensi sia fantastico del design e cosa pensi possa essere più forte. Come sempre, ti chiediamo anche di essere rispettoso del progettista del sito e di offrire chiari consigli costruttivi privi di insulti aspri.
Interessato ad avere il tuo sito criticato? Puoi saperne di più qui.
