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 è il portfolio di Katy Cain, fotografo di matrimoni a Chandlers Ford. Entriamo e vediamo cosa pensiamo!
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.
A proposito di Katy Cain
? Sono un fotografo di matrimoni e ritratti in Hampshire con sede a Chandlers Ford. Viaggio molto in tutto l'Hampshire e le contee circostanti tra cui Oxfordshire, Wiltshire, Surrey, Sussex e Dorset. Per favore, date un'occhiata al mio lavoro e se pensate che mi adatterebbe perfettamente alla vostra giornata, allora mi piacerebbe avere vostre notizie.
Ecco uno screenshot della sua homepage:
Prima impressione
La prima cosa che noto del sito di Katy è che è pulito e minimale. Questo particolare stile di design funziona bene per i siti dei fotografi perché consente alle foto di emergere chiaramente come gli elementi più importanti della pagina. Dal momento che le foto rappresentano l'oggetto del business, questa è una strategia perfetta.
Inoltre noto che non è un sito Flash. I fotografi in generale hanno una dipendenza eccessiva dai siti basati su Flash al 100% e sono sempre felice di vedere persone che hanno adottato un approccio più favorevole agli standard.
La linea di fondo è, il sito è partito per un inizio davvero forte. È semplice, ma efficace. Vi sono tuttavia alcune aree in cui suggerirei di prendere in considerazione un cambiamento o due. Facciamo un salto e vediamo come possiamo migliorare il sito.
Un po 'di più Wow
Per tutti gli aspetti negativi che ottieni con loro, i siti Flash hanno una cosa forte per loro: tendono ad essere piuttosto accattivanti. Spesso il tentativo di essere coinvolgente arriva così lontano che diventa fastidioso e distraente, ma è almeno un tentativo di rendere le cose interessanti.
Questo sito forse va troppo lontano nella direzione opposta: in realtà sembra piuttosto noioso. Tutto sul design suggerisce un? Sicuro? approccio che rimane lontano da tutto ciò che potrebbe essere considerato audace. L'immagine principale è di buone dimensioni, ma non troppo grande, il testo è abbastanza omogeneo tipo sans-serif, la pagina è completamente statica; Penso che dobbiamo dare una bella spinta per renderlo più interessante.
Per cominciare, suggerirei di rendere l'immagine principale una presentazione JavaScript che oscilla da tre a cinque foto. Quando vengo alla pagina di un fotografo, la prima e spesso unica cosa che voglio vedere è che tipo di foto prendono e mi piacerebbe avere un gusto più grande per quello giusto dalla home page.
Mi piacerebbe anche vedere la larghezza del contenuto estesa di almeno 100 px, di più se è possibile. Voglio che la foto principale sia grande, audace e in faccia.
Logo
La tipografia per il logo non è la mia preferita. Il carattere sottile è accettabile perché suggerisce un appello femminile e poiché Katy è davvero una femmina, questa idea funziona. Tuttavia, non sono sicuro che sia qualcosa con la risoluzione dell'immagine o il modo in cui viene riprodotto il vero carattere tipografico, ma le curve si presentano come frastagliate e pixelate invece che belle e lisce. Il mio occhio è continuamente attratto da questa distrazione e raccomando un tentativo di affrontarlo.
Inoltre, la seconda riga del logo è piuttosto piccola e difficile da leggere. So cosa dice immediatamente, ma se lo guardo davvero, l'effetto mi fa un po 'male agli occhi. Ti suggerisco di lasciar perdere la parola? Professionista? semplicemente non ce n'è bisogno qui. Lascia che il lavoro dica loro che sei un professionista, insistendo verbalmente che sei ironicamente ti fa sembrare un principiante. Rimozione di questa parola libererà spazio orizzontale per il resto di essere leggermente più grande.
Navigazione
Apprezzo molto i sottili tocchi di design, ma quell'icona minuscola e minuscola di una casa (mostrata sopra a dimensioni reali) la spinge. È così incredibilmente piccolo che probabilmente è più una distrazione di qualcosa che migliora l'estetica della pagina a qualsiasi livello. È seriamente l'icona più bizzarra che abbia mai visto.
A parte questo, penso che la navigazione funzioni bene. Io suggerisco di farlo sbattere su alcuni pixel a destra, quindi è perfettamente a filo con l'immagine sottostante. Suo quasi lìma non del tutto Ho un intero articolo dedicato a come? Quasi? è una parolaccia per i designer.
Ripensiamo al layout
Trovo che il layout attuale sia un po 'scomodo, in particolare per quanto riguarda il tipo. Il grosso pezzo di testo allineato al centro sotto la foto principale ha sicuramente bisogno di un po 'di lavoro. Prima di tutto, ampie colonne di testo allineato al centro sono il nemico mortale della leggibilità, evitandole a tutti i costi. I paragrafi allineati a sinistra sono la strada da percorrere in una situazione come questa e l'allineamento giustificato per la pagina nel suo complesso si presta perfettamente a questo.
Inoltre, questo è il tuo messaggio di benvenuto principale, ma non si distingue in alcun modo. È solo lì; semplice vecchio testo noioso che non è differenziato in alcun modo significativo.
Vi propongo di rinnovare il layout dell'intera pagina. Non sarà un'impresa importante, solo alcuni cambiamenti e cambiamenti. Anche l'estetica generale verrà mantenuta. Tuttavia, questi ritocchi lo faranno sentire come un sito completamente nuovo, pieno di personalità e guidato da un'atmosfera invitante.
Iniziamo con quel grande paragrafo. Ciò di cui abbiamo bisogno qui è un po 'di contrasto, sia per dimensioni che per audacia. Ho creato una soluzione a tre livelli che è molto più attraente di un paragrafo monotono.
Come puoi vedere, inizia con un grande, audace? Ciao ?.Passa quindi a un paragrafo introduttivo principale che è abbastanza grande da essere un titolo, ma non così grande da competere con il messaggio di benvenuto iniziale. Infine, il resto del testo di supporto viene gettato in un paragrafo più piccolo.
Ho combinato questo con una riformattazione del layout generale in modo che sia molto più ancorato alla parte sinistra. Questo sfrutta la? F? modello che molti lettori tendono a seguire durante la navigazione sul Web. Ecco la grande immagine:
Questo nuovo layout è pulito, moderno e professionale, mentre Katy sembra ancora il tipo di persona amichevole con cui ti piacerebbe lavorare.
Altre pagine
Le altre pagine del sito potrebbero utilizzare una revisione simile. Diversi sono puramente testo con alcuni degli stessi problemi del paragrafo sulla home page. Raccomando di completare alcune di queste pagine con una bella foto grande per mantenere le cose interessanti.
Inoltre, prendi la lezione sulla differenziazione del testo dall'alto e applicala su queste pagine di supporto: titoli più grandi e più audaci e una comunicazione chiaramente a più livelli che pone l'accento sugli aspetti più importanti del messaggio.
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.