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 usare del lavoro. Finalmente, finiremo chiedendoti di fornire il tuo feedback.
Il sito di oggi è Holds Worth Design.
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.
A proposito di Holds Worth Design
? Holds Worth Design è un premiato studio di progettazione grafica, grafica e comunicazione a Edmonton, in Alberta. I siti Web Holds Worth sono stati pubblicati su numerose prestigiose gallerie "Best Design" tra cui thebestdesigns.com, coolhomepages.com, newwebpick.com, dailyslurp.com, creattica.com e molti altri ancora.
Ecco uno screenshot della homepage:
Prime impressioni
Senza dubbio, questo è un design davvero attraente. I colori sono belli, le immagini sono vivide e il layout è solido. Il designer ha fatto un ottimo lavoro sull'estetica generale e tutto ciò che suggeriamo sarà abbastanza piccolo.
Di seguito suddivideremo il progetto pezzo per pezzo, così possiamo essere sicuri di colpire tutto ed esaminare cosa funziona e cosa no.
Intestazione
Se questa intestazione ha lo scopo di catturare l'attenzione dell'utente e inserirla, funziona. Gli stendardi blu scuro e marrone erano bordati di contrasto dorato splendidamente con lo sfocato sfondo fotografico. È una grafica straordinaria che rende davvero la pagina.
Un aspetto interessante di questo header è il periodo di tempo che suggerisce. A colpo d'occhio vedo un sito con un logo del castello e striscioni triangolari che si sentono perfetti per il motivo del castello. Tuttavia, il resto della pagina salta direttamente alla rivoluzione industriale (il periodo di tempo è ulteriormente confuso dalla foto delle bolle sfocate).
Per quanto mi dispiaccia a suggerire di cambiare il grande design, è un conglomerato abbastanza confuso. Sembra un po 'come se il progettista avesse cambiato idea a metà pagina.
Ti suggerirei di tenere in considerazione il layout di base di seguito ma di creare una grafica che si adatta meglio all'intestazione. Tenete presente che pochissimi dei vostri visitatori saranno come OCD come me, quindi non si tratta di un problema enorme che deve essere affrontato immediatamente.
Navigazione
La navigazione qui è un menu a discesa piuttosto semplice. L'aspetto importante qui è la funzionalità. Lo sviluppatore ha utilizzato alcuni JavaScript per appianare il menu con transizioni e ritardi. Tuttavia, il menu funziona ancora abbastanza bene senza JavaScript abilitato. Questo degrado aggraziato mostra che chiunque abbia costruito il sito era disposto a prendersi il tempo per farlo nel modo giusto (anche se il cursore perde ovviamente funzionalità).
Dispositivo di scorrimento del contenuto
Il cursore dell'immagine scorre tra tre immagini, mostrate sovrapposte sopra. Ogni sezione è attraente e unica e le transizioni sono burrose grazie a jQuery.
Una cosa che trovo un po 'strano in questa sezione è che il cursore dell'immagine è leggermente più ampio del contenuto sottostante.
Poiché il sito è impostato su un allineamento centrale, non mi preoccupo molto delle diverse larghezze, ma solo di quanto siano simili. Quando ridimensiona oggetti come questo sulla tua pagina, assicurati di renderli identici o distintamente differenti. Situazioni come queste in cui gli elementi sono quasi ma non esattamente le stesse dimensioni assomigliano più a un incidente che a una decisione progettuale intenzionale.
La soluzione più semplice qui è quella di distanziare le tre caselle sotto un po 'di più in modo che la linea con i limiti del cursore dell'immagine.
scatole
A parte le incongruenze visive che ho menzionato sopra, questa sezione sembra fantastica. Adoro la grafica della vecchia scuola e il modo in cui il testo li avvolge.
Trovo anche che queste scatole siano interessanti a livello concettuale. Servono come un'anteprima nelle pagine più avanti nel sito. I collegamenti sono già stati presentati per queste pagine tramite la navigazione ma questo offre agli utenti che hanno scovato ulteriormente un'altra opportunità di passare a quelle pagine. Potrebbe essere un po 'ridondante ma probabilmente aumenta il numero di clic in una visita tipica.
footer
Il piè di pagina è costituito da poche semplici colonne di testo, quindi non c'è molto da commentare. È semplice e funzionale, un'ottima combinazione. Tuttavia, è anche fluttuato sul lato sinistro della pagina. Gli allineamenti a sinistra sono grandi e li preferisco per centrare gli allineamenti, ma in questo caso interrompe il flusso della pagina mentre tutto ciò che si trova sopra è flottato al centro.
Non confondere questo come direzione per cambiare l'allineamento del testo. Le colonne di testo dovrebbe rimanere allineato a sinistra ma la sezione nel suo complesso dovrebbe essere centrata sulla 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.