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 è We Can Service Your Car.
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? Possiamo servire la vostra auto?
? I nostri clienti sono al centro di ciò che facciamo. Siamo qui per rimuovere tutto il fumo e gli specchi che danno un brutto nome al commercio automobilistico. La manutenzione dell'auto è cambiata e il nostro business è completamente allineato con il nuovo approccio alla manutenzione dell'auto. Ci impegniamo a far risparmiare denaro ai nostri clienti, offrendo il miglior servizio possibile e dando loro fiducia in ciò che diciamo.
Ecco la homepage del sito:
Questo è un sito interessante e dovrebbe darci un sacco di punti da discutere. Facciamo un salto e analizziamo il sito pezzo per pezzo.
sfondo
Lo sfondo del sito Web è questa illustrazione del dente del modello. È per lo più coperto dal contenuto, ma è sufficiente per capire cosa sta succedendo.
Le macchine non sono la prima cosa che mi viene in mente quando penso ai progetti, ma il riferimento ai macchinari lo fa funzionare. Adoro la grafica come un pezzo indipendente, ma penso che potrebbe essere attenuato un po 'sul sito web per prevenire la confusione visiva. Raccomando di ridurre l'opacità un po 'di più in modo che sia appena visibile. Potresti considerare di ridimensionarlo un po '.
Intestazione
Quando guardiamo l'intestazione, possiamo immediatamente vedere il tema che verrà trasportato in tutto il sito. Angoli arrotondati con ombreggiature, alternando sfumature di blu con un po 'di bianco gettato e tipografia audace.
La mia prima impressione è stata che la navigazione sembrava enorme. Questo combinato con il logo dell'auto lo rende improvvisamente come un sito per bambini. Tuttavia, forse il tuo mercato di riferimento include individui più anziani che non possono più lavorare su un'auto o altri tipi non tecnologici. Se questo è il caso, i grandi pulsanti saranno probabilmente apprezzati dai tuoi utenti. A volte l'usabilità supera l'estetica. Assicurati solo di capire a chi si sta principalmente progettando e cerca di fare appello ai loro bisogni.
Torna al logo dell'auto. Mi piace il concetto, ha molta personalità. Tuttavia, l'esecuzione non è la migliore. Non sono sicuro di come aggiustarlo senza ridisegnarlo completamente, ma potresti avere la persona che ha creato il logo con alcuni schizzi alternati. Se decidi di seguire il logo attuale, assicurati di pulire i bordi. Al momento sono un po 'frastagliati e pixelati, specialmente attorno all'area del parabrezza.
benvenuto
L'area successiva della pagina comunica in modo efficace molte informazioni in un piccolo spazio. I punti di proiettile sono sia efficaci che efficienti qui ei nomi dei produttori di auto in continua rotazione sul fondo rinforzano l'auto? aspetto.
Il designer ha scelto di portare un po 'di rosso qui per dare enfasi. Violenta la combinazione di colori e quindi attira immediatamente la tua attenzione. Mi piace la citazione di trazione e come è perfettamente allineato in alto e in basso con la copia di proiettile.
Il problema con quest'area, e in effetti gran parte del sito, è la gerarchia visiva. Come ho detto, il rosso aiuta a enfatizzare i punti corretti, ma tutto il resto qui è ancora in competizione per l'attenzione piuttosto che per l'impostazione, per avere una chiara definizione di importanza.
Ad esempio, tutto il testo del sito è in grassetto? tutto. Il testo in grassetto è ottimo per aggiungere enfasi dove è necessario, ma sorge un problema quando lo si prende troppo lontano: se tutto è speciale, niente è speciale. Raccomando di riconsiderare le tue scelte tipografiche e di ridurre il peso sulla maggior parte del testo, lasciando in grassetto solo le parti più importanti.
Inoltre, il concetto di gerarchia si applica anche alle dimensioni. Notate come il? Benvenuto? il titolo ha la stessa dimensione (o chiusura) della copia puntata. Di nuovo vediamo un caso di competere per l'attenzione. Poiché il titolo definisce e introduce la sezione, aumentane le dimensioni diminuendo quella dei punti elenco.
Ecco un rapido e sporco mockup di questa sezione re-immaginata con un uso migliore della gerarchia visiva. Non devi farlo esattamente così, concentrati solo su come le informazioni sono divise in un modo molto più pulito.
Soddisfare
L'area del contenuto è attraente e introduce una fotografia amichevole, ma soffre dello stesso problema con tutto il testo in grassetto.
Un altro suggerimento importante qui è quello di rendere le foto e il testo immediatamente sotto di loro un'unità visiva. In questo momento hai due elementi visivi distinti impilati uno sopra l'altro quando possono essere facilmente legati insieme in un modo più coeso. Di nuovo, questo è veloce e sporco, ma tu hai l'idea.
footer
Infine, diamo un'occhiata al piè di pagina. Il contenuto qui è abbastanza semplice, ma è stato fatto sembrare molto più complesso e confuso di quanto non sia in realtà.
Prima di tutto, il rosso ha funzionato sul bianco sopra, ma il rosso sicuramente non funziona sul blu. I due colori vivaci l'uno sopra l'altro contrastano invece che il contrasto. Inoltre, il testo ha davvero bisogno di un po 'di lavoro. Ancora una volta, modifica leggermente l'audacia, riduci la prominenza della riga del copyright e fissa il pulsante di ricerca scomodo molto più lungo della parola contenuta all'interno (riduci la larghezza, centra il testo nel pulsante).
Il piè di pagina appiccicoso che mantiene il numero di telefono con te mentre scorri è un bel tocco. Spesso quando qualcuno visita il sito di un'attività fisica desidera solo una cosa: il numero di telefono. Il numero di telefono qui rimane con te mentre scorri il sito rendendolo quasi impossibile da perdere.
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.