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 è Rachilli, il portfolio personale della fotografa e designer Rachel Shillcock.
Se desideri inviare il tuo sito web in una futura Critica del design, ci vogliono solo pochi minuti. Facciamo pagare $ 34 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.
A proposito di Rachilli
"Se hai bisogno di una nuova identità di marca, di un business stazionario o di un sito bello e utilizzabile, allora posso aiutarti. I miei servizi spaziano dalla progettazione e sviluppo di siti web fino alla creazione di identità aziendale e di marca. Fornisco anche un servizio fotografico, quindi se hai bisogno di immagini su misura per te, il tuo sito o la tua immagine aziendale posso aiutarti, aiutando a mantenere i tuoi costi insieme e inferiori.
Ecco uno screenshot della homepage:
Impressione generale
Il mio primo pensiero al vedere questo sito è che sembra un po 'come un modello. Il design è piuttosto tipico di ciò che vedresti in vendita su ThemeForest.
Tuttavia, questa è l'osservazione non è negativa. Certo, è un design abbastanza standard ma sembra anche fantastico. I colori sono audaci, l'allineamento è solido e le immagini sono attraenti. Che si tratti di un tema o meno, penso che il design del sito sia stato un successo e che sia davvero un lavoro pulito e professionale.
Sebbene il sito sia abbastanza buono così com'è con zero cambiamenti, ho alcune idee per rafforzare alcune delle aree più deboli. Diamo un'occhiata.
Intestazione e navigazione
Il terzo superiore del sito è sicuramente il più forte. Mi piace l'impostazione a tre strisce per lo sfondo, il carattere tipografico utilizzato per la navigazione e, naturalmente, il grande cursore dell'immagine.
Una cosa che mi infastidisce un po 'di questa sezione è che il logo non è un link alla homepage. Mentre stavo guardando il sito, ho sempre cliccato il logo come reazione per riportarmi alla homepage.
Non è affatto un requisito duro e veloce per trasformare il tuo logo in un link, ma è sempre bene prevedere come la maggior parte degli utenti tenterà di far funzionare il tuo sito e assicurarsi che il suo istinto si traduca in azioni utili.
Un'altra modifica che potresti prendere in considerazione in quest'area è l'aggiunta di una maggiore differenziazione tra il testo di navigazione principale e il testo del menu a discesa del sottomenu. Questo particolare tipo di carattere diventa un po 'difficile da leggere in grossi pezzi a causa della sua audacia, quindi potrebbe aiutare a rendere gli elementi del sottomenu qualcosa di un po' più sottile.
messaggistica
Ritiriamo un po 'e prendiamo la metà superiore del sito web nel suo complesso per vedere se possiamo individuare eventuali problemi. Subito noto qualcosa di piuttosto importante:
Simile al sito che abbiamo visto la scorsa settimana, non c'è un messaggio chiaro, semplice e di grandi dimensioni che punta a ciò che è il sito. Le immagini nel dispositivo di scorrimento variano notevolmente, quindi non sei sicuro di cosa stia succedendo. Per scoprire la risposta, devi prima leggere le domande del titolo, determinare quale ti dirà cos'è Rachilli, quindi leggere il piccolo testo. Questo è semplicemente troppi passaggi per scoprire che cos'è un sito Web.
Penso che il modo più semplice per risolvere questo problema sia integrare del testo nella presentazione. La maggior parte dei plugin jQuery per slider come questo hanno moduli di testo incorporati, quindi questo dovrebbe essere un cambiamento abbastanza facile. Anche un descrittore di parole sopra le diapositive andrebbe molto lontano: Web design, fotografia, identità di marca, ecc.
La metà inferiore
Mentre la metà superiore del sito è molto forte dal punto di vista visivo, si indebolisce in quest'area man mano che avanzi lungo la pagina. Dopo quell'intestazione iniziale, ti rimane solo una grande pagina piena di testo.
Ci sono diversi modi in cui questo potrebbe essere migliorato. Prima di tutto, anche se il formato a tre colonne funziona perfettamente, penso che sia un po 'ridondante vederlo utilizzato nelle sezioni di contenuto e di piè di pagina.
Se hai impilato il? Who Am I ?? e? Cosa posso fare ?? sezioni, che trasformano il contenuto principale in una sezione a due colonne, seguita dal tre colonne del piè di pagina. Aggiungere variazioni al layout mantenendo una struttura chiara aiuta a mantenere le cose interessanti.
Un'altra cosa a cui prestare attenzione è la larghezza delle colonne. Le colonne nella sezione principale sono quasi allineate con quelle del piè di pagina in determinati punti, ma sono ben distanziate in altri punti. Le somiglianze di layout sono pericolose. Se due cose dovrebbero essere uguali, rendili uguali. In caso contrario, renderli considerevolmente diversi. Altrimenti si ottiene una sorta di aspetto disordinato che dà agli utenti l'impressione che tu abbia provato a fare in modo che tutto si allinei ma non ce l'abbia fatta.
Infine, c'è semplicemente una tonnellata di testo ininterrotto tra il? Who Am I ?? e? Cosa posso fare ?? sezioni. Una volta che questo contenuto è impilato, penso che dovrebbe essere ridotto entrambi (forse due brevi paragrafi per ciascuno) e suddiviso con un po 'di immaginazione. Potrebbe trattarsi di icone, campioni di lavoro, qualsiasi cosa che aggiunga un po 'di interesse alla pagina senza portare troppa confusione.
Conclusione
Per riassumere, Rachilli è un sito di grande bellezza che è stato ovviamente realizzato da qualcuno che sapeva cosa stavano facendo. Mi piace il tono della comunicazione, la facilità con cui puoi contattare il designer e il design generale della pagina.
I miei consigli erano per lo più piccoli cambiamenti. Rendi il logo un link, aggiungi del testo descrittivo alla presentazione, suddividi il testo nella sezione del contenuto principale e considera di ripensare il formato a tre colonne ripetuto. Penso che questi cambiamenti porteranno davvero a casa sia l'estetica che l'usabilità di questa pagina.
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.