Ogni settimana diamo un'occhiata a un nuovo sito Web e analizziamo il design. Indicheremo sia le aree che sono fatte bene sia quelle che potrebbero usare del lavoro. Finalmente, finiremo chiedendoti di fornire il tuo feedback.
Il sito di oggi è Two Chaps Branding, una società di design e marketing basata a Baltimora.
Se desideri inviare il tuo sito web in una futura Critica del design, ci vogliono solo pochi minuti. Facciamo pagare $ 24 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 due Chaps
"Qui a 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 quanto tu desideri essere percepito, è il modo in cui sei effettivamente percepito. Che siano ignorati o nutriti - il tuo marchio ti definisce.
Ecco la homepage di Two Chaps:
Il design generale è molto attraente. Il tema invecchiato viene eseguito bene attraverso 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 li guardiamo in modo più approfondito.
Il logo
Mi piace molto il lavoro che hanno fatto nel logo. Il bowler e i baffi sono un messaggio visivo perfetto per i "Due Chaps"? nome. Allo stesso modo, il forte carattere tipografico serif è perfetto per il periodo di tempo in cui i designer stanno girando.
Anche se il logo mi piace molto bene, non posso fare a meno di chiedermi se sarebbe più forte senza i baffi. Al momento ci sono due elementi grafici concorrenti nel logo e ridurlo a un singolo potrebbe migliorare il pezzo. Mi rendo conto che i baffi, lettere e cappello stanno insieme suggerendo un volto, ma si legge ancora più come lettere con i baffi e un cappello.
Come grafico principale, il bowler potrebbe quindi essere usato altrove come elemento indipendente indipendente dal resto del logo.
Il titolo
Il titolo è la cosa che preferisco del sito. Sebbene appaia sulla destra, è uno dei primi a guardare quando la pagina si carica 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 ti consente di leggere rapidamente. Si noti come le parole meno importanti (il, del) siano state ridotte in dimensioni per dare spazio alle parole più importanti (arte vera).
Dato che si tratta di un tipo grafico e non dal vivo, ti consiglio caldamente di dedicare del tempo a lavorare sulla crenatura del testo qui. Alcune lettere, come la? T? e? r? in? Vero ,? sono stranamente distanti mentre altri sono un po 'schiacciati insieme.
È facile dimenticare questo passaggio quando si progetta, ma se la tipografia sarà una caratteristica principale del design, si dovrà sempre essere sicuri che la spaziatura delle lettere sia il più vicino possibile alla perfezione.
Miniature di immagini
Le immagini sulla homepage hanno ricevuto un eccellente trattamento di confine. L'ombreggiamento conferisce molta profondità alle immagini poiché crea tre livelli separati.
Per impostazione predefinita, le immagini sono in scala di grigi ma se passate il mouse su di esse scendono di un pixel o due (intenzionali?) E diventano a colori. Questo è un bell'effetto con cui è divertente giocare se stai verificando 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 dal vivo, vedrai che il piè di pagina rimane comodamente fermo mentre il sito scorre. Questo 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 usati per i pulsanti Facebook e Behance. È un po 'strano però che le lettere in? Facebook? hai un'ombra così dura mentre quelli in? Behance? non lo fanno.
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 oggetti sono ancora perfettamente accessibili con JavaScript disabilitato, i menu sono semplicemente tutti mostrati nella posizione aperta e non sapresti nemmeno che ti mancasse qualcosa.
È sempre bene fare il miglio supplementare e assicurarsi che il tuo sito funzioni per i browser che supportano i tuoi piccoli trucchi visivi e quelli che non lo fanno.
footer
Il footer detiene l'invito all'azione per assumere l'azienda ed è ancora un altro spin ben progettato sul tema invecchiato.
Le linee in alto e in basso sono un bel tocco così come il piccolo? Clicca qui? firmare con una pagina arricciata. Questa sezione sembra un po 'come alcuni esperti SEO? ottenuto come parola? marchio? sembra un sacco di volte per un pezzetto di testo così piccolo.
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 "nostra storia"? pagina.
Come puoi vedere, né il titolo colorato di grandi dimensioni successivo né il testo del corpo bianco sono molto leggibili sullo sfondo con texture. Ciò è aggravato dal fatto che lo sfondo rimane in posizione mentre il testo scorre, creando un effetto visivo molto complesso e occupato mentre si naviga nel sito.
Alla fine, il bello sfondo strutturato potrebbe essere più difficile che buono. È una buona idea provare a eliminare la sua opacità o eliminarla del tutto a favore di qualcosa di più semplice.Potrebbe essere sgradevole sentirlo, ma se aumenta la leggibilità del testo in tutto il sito, vale la pena.
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 di essere rispettoso del designer del sito e di offrire una consulenza chiara e costruttiva priva di insulti.
Interessato ad avere criticato il tuo sito? Puoi saperne di più qui.