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 è Aaron Storry Photography.
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.
Informazioni su Aaron Storry Photography
Aaron è un fotografo professionalmente preparato e di grande esperienza situato a Higham Ferrers, nel Northamptonshire. La sua esperienza è in gran parte legata alla fotografia di matrimonio, al ritratto, al paesaggio e alla fotografia della situazione candid, tuttavia è anche molto esperto in HDR (High Dynamic Range Imaging) e Tilt-Shift.
Ecco uno screenshot della homepage:
Pensieri iniziali
Se hai seguito le nostre Critiche di design per un po ', potresti riconoscere questo sito. Aaron Storry era anche Web Design Critique # 5! Allora ho affermato che mi piace molto il sito, e la dichiarazione è ancora più vera oggi. Ecco il design originale della home page.
Come puoi vedere, al confronto, la vecchia versione sembra molto più chiara e un po 'vuota. Il nuovo sito sembra avere molto più lavoro sia nel contenuto che nell'estetica. Non capita spesso che elogio un designer per il cramming Di Più contenuto sulla loro homepage, ma in questo caso penso che ne abbia davvero bisogno.
Mi piace davvero che Aaron abbia deciso di mantenere l'essenza del vecchio design, portandolo al livello successivo. Se tu fossi un cliente familiare con il vecchio sito, il nuovo non ti scandalizzerebbe, sembrerebbe più un aggiornamento che una completa riprogettazione.
Diamo un'occhiata a ciascun blocco della home page e vediamo come / se è migliorato e se pensiamo o meno che possano essere apportati ulteriori miglioramenti.
Navigazione
Il vecchio sito aveva una barra di navigazione che correva lungo il lato. Alcune persone amano la navigazione laterale, altre la odiano, ma questa è stata implementata abbastanza bene. Il motivo per cui ha funzionato è perché è stato riparato in modo tale che quando si scorre, la navigazione è arrivata per la corsa, rendendo più facile passare le pagine da qualsiasi luogo.
Tuttavia, questa funzionalità non era presente nei luoghi che ne avevano maggiormente bisogno: le lunghe pagine della galleria. Questa incoerenza è stata una grave caduta del sito precedente. Il nuovo sito elimina la sidebar e opta per una navigazione in alto.
Indipendentemente dal fatto che una navigazione top sia intrinsecamente migliore di una navigazione laterale è una discussione per un altro giorno, ma in questo caso, penso che sia un miglioramento. Prima di tutto, la barra laterale stava consumando un sacco di larghezza della pagina, che come vediamo ora aveva un grande potenziale per mostrare altri contenuti. Attaccando la navigazione verso l'alto, si è ridotto l'ingombro di questo pezzo del sito mentre lo si è posizionato in una posizione logica. Quello che intendo è che quando qualcuno va alla ricerca della navigazione, inizierà in cima alla pagina.
Per quanto riguarda il miglioramento possibile, non sono sicuro di essere pazzo per la forma ripetuta dietro i menu a discesa di navigazione. Penso che una semplice scatola scura potrebbe fornire più contrasto e sentirsi meno imbarazzante.
Presentazione
Non posso dire abbastanza su questa zona. Spostare la navigazione verso l'alto per creare più spazio per la presentazione è la sola decisione migliore che è stata presa nella riprogettazione. I fotografi devono mostrare una cosa soprattutto sui loro siti: le loro foto.
Questo è il 99,9% di come sarai giudicato dai potenziali clienti e nulla ti farà una buona impressione come una grande presentazione fotografica che mostri il tuo miglior lavoro. Se sei un fotografo, dovresti assolutamente cercare di emularlo sul tuo sito. In effetti, di recente abbiamo pubblicato un tutorial sulla creazione di una presentazione a schermo intero per la tua home page.
Oltre alle dimensioni della presentazione, l'implementazione è solida. Per i principianti, è JavaScript invece di Flash, che è sempre un bonus. I controlli sono anche semplici ma facili da individuare e utilizzare.
Contenuto informativo
Il secondo grande miglioramento per questo sito è l'inclusione di molte informazioni utili direttamente sulla homepage. Prima, gli utenti dovevano scavare molto più a fondo nel sito per conoscere Aaron ei suoi servizi, il che non è l'ideale per i curiosi visitatori per la prima volta. Ora, i suoi servizi sono chiaramente indicati con link a ciascuna sezione del sito.
L'organizzazione di queste informazioni è davvero eccezionale. Quindi molte di queste critiche includono critiche su come le informazioni sono presentate sulla homepage perché è così facile da far sembrare un disordine non organizzato. Qui tuttavia, abbiamo sezioni chiaramente separate con un flusso di informazioni facile da seguire e principi di allineamento forti che vengono messi in pratica. Mi piace particolarmente l'uso di scatole grigie per separare il contenuto a sinistra da quello a destra, un bel tocco!
Altre pagine
Il grande design non si ferma sulla homepage. Il layout stabilito qui viene eseguito molto bene attraverso il sito. Ricorda che è perfettamente accettabile riutilizzare una versione modificata del layout della tua home page per le tue altre pagine, non è necessario reinventare la ruota ogni volta! Qui il progettista ha creato un modello prevedibile e familiare, che aiuta l'usabilità nel momento in cui ci si abitua rapidamente al layout di base.
Anche quando il progettista ha dovuto ripensare completamente un layout, come nel caso della pagina del negozio, l'ha davvero buttato fuori dal parco. Il layout basato sulla griglia è super solido e funziona perfettamente qui. Altri bei tocchi includono gli effetti al passaggio del mouse e la barra laterale pulita e funzionale.
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.