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 è BrushLovers, un negozio online per i pennelli di Photoshop gestito da Walter Apai di Web Designer Depot.
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 Brush Lovers
? I nostri pennelli sono meticolosamente realizzati con ore di lavoro che vanno in ogni forma.? BrushLovers ha una delle più grandi collezioni di pennelli Photoshop esclusivi e di alta qualità sul Web. Disponiamo di centinaia di pennelli di Photoshop gratuiti sia per uso personale che commerciale. Non troverai questa collezione da nessun'altra parte! Abbiamo anche una bella selezione di pennelli premium venduti a partire da soli $ 3, oppure puoi acquistare pacchetti di pennelli di download per ancora meno. I nostri pennelli sono meticolosamente realizzati con ore di lavoro che vanno in ogni forma. Sono tutti ad alta risoluzione e perfetti sia per il Web che per il design di stampa.
Ecco una sezione della homepage:
Prima impressione
Penso che BrushLovers sia un sito di grande effetto, che non sorprende visto che è gestito da un uomo che possiede uno dei migliori blog di web design in circolazione. È sempre bello vedere che qualcuno pratica ciò che predica!
Il design è stupendo, ma estremamente funzionale. Chiunque può vedere questo sito e sapere immediatamente di cosa si tratta e come funziona, rimarrai sorpreso di quanto difficile sia l'obiettivo apparentemente semplice da raggiungere.
Mentre muovi il mouse intorno al sito, puoi vedere che c'è un sacco di effetti speciali sotto forma di effetti hover animati e animati. C'è del solido CSS3 e JavaScript al lavoro qui sotto il cofano, rendendo ancora più solida un'esperienza già solida.
Facciamo un salto nel nitty grintoso e scegliamo alcuni degli elementi più fini del sito.
Logo BrushLovers
Odio i loghi di critica come parte di un sito web semplicemente perché molti web designer non hanno alcun controllo sul logo che hanno dato o perché semplicemente vomitano qualcosa di brutto e brutto come un ripensamento.
Questo logo è un cambiamento rinfrescante. Combina un tratto di pennello, la lettera? B? e un cuore e così facendo dice tutto ciò che ha bisogno di dire!
Curiosamente, però, non posso fare a meno di pensare a una versione rovesciata del vecchio logo di Jiffy Lube quando la guardo.
Navigazione
Mi piace il modo in cui la navigazione si trova proprio sopra il contenuto, unificando le due sezioni tipicamente separate. Il design utilizza un gradiente CSS, un effetto hover invertito e un menu a tendina considerevole ma pulito per le categorie.
Gli angoli arrotondati sono un bel tocco e questo è un bell'esempio di utilizzo dell'API Font di Google per uscire dalla scatola con i tuoi font web. Il carattere qui è Cuprum, niente pazzo o eccessivamente ornato, solo un bel font tondo maiuscolo compresso che si adatta perfettamente al tema.
Grafica di sfondo
Il grafico di sfondo qui finisce davvero bene il design. La pittura astratta con texture ad acquerello è assolutamente perfetta per un sito che vende pennelli. È abbastanza audace da avere un forte impatto sulla pagina e abbastanza sottile da non sminuire troppo il commento principale.
messaggistica
La messaggistica per il sito è super semplice, ed è per questo che è così forte. Il colore rosso viene usato con perizia qui per distogliere l'attenzione. Non appena carichi la pagina, il rosso acceso del logo attira la tua attenzione, che viene poi evitato nel prossimo grande lotto di rosso in? Noi adoriamo i pennelli? testo.
Notare cosa ha fatto il designer qui. Piuttosto che inserire semplicemente un noioso blocco di testo, ha creato per prima cosa un titolo molto visivo che ti attira e poi inserisce una breve spiegazione del sito accanto ad esso.
Galleria
Uno degli aspetti più importanti dell'intero design è ovviamente il modo in cui i pennelli sono rappresentati. La maggior parte della home page è dedicata a una galleria ampia e filtrabile di anteprime di pennelli davvero attraenti.
Gli angoli sono arrotondati, rimanendo coerenti con la navigazione, è possibile vedere alcuni bei bordi sottili e tutte le varie informazioni di voto, prezzi, ecc. Sono tutte collocate in uno spazio minuscolo senza sembrare affollate.
Mi piace soprattutto l'effetto hover qui, che sfuma il bordo bianco e fa sanguinare l'immagine fino al bordo.
Pagina di pennello
Cliccando su un pennello nella galleria ti porta a quella pagina dedicata ai pennelli. I caratteri qui sono ancora una volta rotondi e compressi (ripetizione) e il layout di tutti i vari pezzi qui è perfetto. Ci sono molte informazioni, link, pulsanti di condivisione, ecc. Ma non è così sentire come un sacco di cose, che è difficile da realizzare.
Mi piace particolarmente questo enorme? Acquista ora? pulsante, che si distingue così tanto che non puoi perderlo.
footer
Ultimo ma non meno importante, anche il footer per questo sito è stupendo. Come tutto il resto, è molto ben organizzato e si allinea perfettamente con il contenuto sopra di esso. Mi piace il modo in cui viola il design abbastanza da risaltare pur restando fedele allo stesso tema visivo.
Conclusione
Non ho dubbi inveire e vaneggiare per questo sito abbastanza a lungo. È raro che io faccia una di queste critiche senza trovare nulla di negativo da dire, ma questo design è davvero così bello.
Ho visto innumerevoli siti di risorse di progettazione che prendono quasi lo stesso layout esatto ma lo implementano male. Puoi davvero dire che questo designer ha avuto il tempo e cura di fare tutto giusto. Tutto sembra liscio, bello e funziona perfettamente. Molto ben fatto!
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.