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 è Goldenboy Media, un'agenzia di web design nel sud di Londra.
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 Goldenboy
Goldenboy Media è un'agenzia di design giovane e creativa che crea siti web ispirati e interfacce utente innovative, attualmente situate nel sud di Londra. Cerchiamo costantemente di dare vita ai concetti di design con prototipi che sembrano semplici e belli. Ciò che ci separa dalle altre agenzie di design è l'attenzione ai dettagli, ogni progetto su cui lavoriamo, miriamo a progettarlo come se fosse il nostro.
Ecco uno screenshot della homepage:
Layout e allineamento
Goldenboy Media è un'agenzia di web design professionale quindi sarebbe piuttosto deludente se non avessero un sito Web di grande impatto! Fortunatamente, hanno fatto un ottimo lavoro sul proprio sito.
L'area del contenuto principale è 1.000 px, bella e ampia. Dà al sito una sensazione molto grande. Il layout e l'allineamento sono molto forti, la maggior parte del testo è allineato a sinistra e il layout cambia tra due e tre colonne mentre scorri.
Gran parte del contenuto aderisce a una griglia semplice che ha una larghezza di 940 px, una dimensione molto comune che funziona molto bene per dividere il contenuto in colonne.
Colore e tipografia
Lo schema dei colori in tutto il sito dà davvero il tono e l'atmosfera all'immagine dell'azienda. Questo è importante da inchiodare e molti designer pensano troppo. Goldenboy ha deciso di optare per un tema prevalentemente in scala di grigi che sembra abbastanza professionale e ha un bel contrasto tra il buio e il giallo.
Un singolo colore, # 9F8723, viene utilizzato per dare enfasi a tutto il design. Con la delicata palette grigia, questo funziona perfettamente per attirare l'attenzione su aree chiave.
La tipografia combina un carattere piacevole, grassetto-condensato con il carattere tipografico serif di facile lettura. L'abbinamento funziona molto bene ed è sorprendentemente leggibile data la quantità di testo in corsivo utilizzato.
Una nota negativa qui, il carattere del titolo usa Cufon quindi non è molto selezionabile. Preferirei piuttosto vedere @ font-face usato per la sostituzione dei font. Funziona bene attraverso i browser, usa puro CSS e conserva tutti i vantaggi del testo live.
Slider
Sono sempre uno schifo per un buon dispositivo di scorrimento delle immagini, soprattutto quando sei un'azienda che ha bisogno di mostrare visivamente esempi di lavoro. Goldenboy ha deciso di visualizzare schermate ritagliate e leggermente ruotate di alcuni dei loro lavori. La cornice stretta ti dà la sensazione che abbiano dedicato molto tempo e impegno a rendere tutti i piccoli dettagli giusti.
Lo slider stesso è il popolare Nivo Slider. Questa fantastica utility è facile da implementare. Per afferrarlo e usarlo sul tuo sito, dai un'occhiata a questo tutorial.
Ripetizione
Un altro grande strumento di design che vediamo essere usato generosamente qui è la ripetizione. Ancora una volta, vediamo lo stesso colore usato per enfatizzare e per portarlo ancora più in là, di solito viene applicato anche un effetto grunge. Anche la forma del cerchio viene ripetuta ancora e ancora.
Quindi qui abbiamo ripetizione di colore, forma e consistenza, un uso da manuale di questo semplice strumento. In questo modo, il progettista sta rendendo molto facile all'utente guardarsi intorno e avere un'idea dei punti chiave del messaggio della pagina.
Servizi
Come esempio di portare la ripetizione attraverso le pagine, controlla la pagina Servizi. Qui hanno preso i blocchi delle icone sulla home page, che contengono testo minimo e li hanno espansi in spiegazioni più complete.
Adoro questa idea e penso che sia eseguita magistralmente. È importante non sovraccaricare la tua home page con informazioni che possano sopraffare i tuoi visitatori. Dai loro un assaggio e poi indirizzali verso pagine dedicate contenenti più informazioni su ciò che vogliono sapere.
Design a piè di pagina
Mentre il design della pagina è rimasto abbastanza sicuro durante la maggior parte della pagina, la creatività è davvero aumentata nel footer. Questo è solo un pezzo di design davvero attraente che cattura davvero la mia attenzione ed è di gran lunga la mia cosa preferita della 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.