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 è RunAddicts un blog per chi ama correre.
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 RunAddicts
? Qualche tempo fa, ho acquisito la meravigliosa abitudine di correre. Sebbene fossi un teledipendente autoproclamato, solo dopo alcune corse, ho iniziato a notare importanti miglioramenti di resistenza che mi hanno motivato a correre sul serio. Pochi mesi dopo, ho deciso di condividere la mia nuova passione con il mondo. Di conseguenza, RunAddicts, un blog professionale su tutto ciò che riguarda la corsa, è nato. Gestito da più scrittori professionisti di tutto il mondo, RunAddicts ti porterà attraverso anni di esperienza, consigli e altri consigli e trucchi essenziali relativi alla gestione di qualsiasi individuo dovrebbe sapere. (Il design di RunAddicts è stato presentato nelle principali gallerie di design come SiteInspire e Creattica)?
Ecco la homepage di RunAddicts:
Come puoi vedere, questo è sicuramente un sito dal design professionale con molti elementi fantastici. Smontiamolo e esaminiamolo pezzo per pezzo.
Intestazione
L'intestazione è una delle parti più attraenti della pagina. Funzionalmente, l'intestazione si legge perfettamente con il logo che è il grande elemento attraente sulla sinistra che attira l'attenzione, seguito dalla navigazione sulla destra esattamente dove ci si aspetterebbe che fosse.
Ecco uno zoom ingrandito di quella grande grafica per l'intestazione. Adoro l'acqua vorticosa e la grande striscia rossa. Questi, combinati con la scelta del font, trasmettono davvero un tocco sportivo. Si noti come il progettista trasmetta diverse parti dell'esperienza di corsa (acqua e strada) senza prendere troppo alla lettera il tema.
Il contenuto principale
La homepage è suddivisa in vari moduli. Ciò consente a molti contenuti di occupare uno spazio relativamente piccolo mentre ogni pezzo rimane ancora come un'entità chiaramente separata.
Per quanto mi piaccia l'idea dei moduli, quest'area sembra un po 'ingombra. Ancora una volta, il punto è quello di riempire un sacco di informazioni qui, ma sento che è stato quasi portato troppo lontano.
Suggerirei di sperimentare qui con un numero ridotto di modelli che ricevono individualmente più attenzione di quella che viene data a ciascuno a causa del compito un po 'laborioso di selezionare visivamente il contenuto.
Ultimo modulo postale
Individualmente, mi piace molto il design che è entrato in alcuni dei moduli. Per esempio, l'ultimo post? l'area è un lavoro semplice ma attraente. La grande foto cattura davvero la tua attenzione e adoro il titolo e la sovrapposizione dell'autore che non si estendono al 100% della larghezza di quella casella. So che avrei istintivamente trascinato quei bordi, ma penso che questo look sia molto più unico.
Si noti la forte ripetizione dello schema di colori usato in modi creativi. Il nero rosso e il bianco sono mescolati in ogni modulo, spesso in modi diversi.
Il lato corretto
Con il lato sinistro che sembra così attraente, penso che sia il lato giusto che contribuisce davvero allo sguardo disordinato che ho menzionato sopra.
Sfortunatamente, posso vedere come gli elementi qui sono abbastanza obbligatori. Lo spazio pubblicitario e la sezione Facebook sono funzionalmente necessari anche se mancano esteticamente.
Un obiettivo primario con il design del modulo è quello di renderli tutti simili a pezzi simili a un tutto più grande. Questa zona è notevolmente un miscuglio di pezzi che non vanno abbastanza d'accordo. Anche in questo caso, potrebbe essere un caso in cui la funzionalità supera il design.
Moduli di categoria
Sul lato sinistro, i moduli di categoria nella parte inferiore sono perfetti. Adoro la ripetizione visiva e il modo in cui rende chiaramente questi quattro moduli un unico cluster visivo.
La fotografia utilizzata qui è abbastanza attraente e non troppo arte di scorta. Si noti quanto spazio vuoto è stato utilizzato nell'area bianca. Questo dà a quel contenuto spazio per respirare e rende quest'area molto più facile da leggere.
L'effetto al passaggio del mouse su questi titoli di articoli è davvero bello. Lo sfondo cambia colore e il titolo si sposta a destra in una bella animazione fluida.
Bottom e Footer
La parte inferiore della pagina termina forte con alcuni bei moduli grandi che forniscono una buona base per il sito. Questo illustra quello che stavo dicendo prima su quanto bene funzioni per avere meno moduli con più enfasi su ciascuno.
Il? Scrivi per noi? la sezione è particolarmente bella e attira decisamente la tua attenzione, violando il tema visivo degli altri moduli mantenendo al contempo l'aspetto del sito generale.
Mi piace anche lo stile del feed Twitter qui. Penso che sia molto più minimale e appropriato rispetto all'area Facebook sopra. Tuttavia, la prossimità è un concetto importante nel design e la regola generale è quella di mettere insieme oggetti simili. È un po 'strano avere il feed Twitter in fondo mentre tutto il resto delle informazioni sui social media è in alto. Si noti che questo è stato leggermente affrontato dall'inclusione di un'altra menzione su Facebook proprio sotto il feed di Twitter.
Adoro il design del footer e come riporta il tema dell'acqua dalla parte superiore del sito. L'ho detto durante tutta la critica, il designer ha una comprensione molto forte di come usare la ripetizione per rendere il design coerente. Sembra un principio semplice e ovvio, ma se leggi queste critiche settimanali sai che è una delle principali aree di debolezza per molti designer.
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.
Interessato ad avere criticato il tuo sito? Puoi saperne di più qui.