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 è StyleJam, un sito che ospita i portafogli del web designer. Diamo un'occhiata e vediamo cosa pensiamo!
Vuoi che diamo un'occhiata al tuo sito? Invialo per essere presentato in una futura Critica del design, ci vuole solo un minuto. 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.
Informazioni su StyleJam
Con StyleJam puoi creare il tuo portfolio personale di web design su un URL autonomo che scegli e personalizzarlo con i tuoi CSS e le tue immagini. Non c'è bisogno di imparare la programmazione, firmare per un servizio di hosting o configurare il server. L'unica cosa che non facciamo per te è la progettazione, questo è il tuo campo.
Ecco uno screenshot della homepage:
Impressione iniziale
La mia prima impressione di StyleJam è positiva. C'è molto su questo sito che sembra molto moderno, lo stile generale del design è perfettamente in linea con quello che molti designer stanno facendo oggi. È un design pulito che utilizza un sacco di spazi bianchi e utilizza il blu per trasmettere un senso di professionalità.
Nel complesso, è iniziato alla grande. Ci sono tuttavia alcuni piccoli problemi e suggerimenti che ho. Passiamo al sito un po 'alla volta e vediamo cosa sono.
Logo del sito e tagline
Una delle prime cose che attira la mia attenzione quando guardo questa pagina è il logo, mostrato sopra. Non la definirei una priorità elevata, ma dirò sicuramente che questo potrebbe utilizzare una rilavorazione. Il carattere VAG arrotondato sembra un po 'datato e il pennello non funziona per me. Fa la parola? Marmellata? difficile da leggere e sembra un po 'cartoony, che sembra contraddire lo stile professionale che segue il resto della pagina. Metti un modo diverso, il logo si distingue sulla pagina come qualcosa che non appartiene affatto.
La tagline nella barra del titolo e nel logo del sito è un'altra cosa che sembra non funzionare. La frase? Web designer. Unito? mi fa pensare che questa è una sorta di club di appartenenza, gilda o sindacato per i progettisti. È una buona tagline, ma non per questo business, che sta vendendo portafogli web designer.
Suggerisco di sostituire questo slogan con qualcosa che comunichi chiaramente qual è il servizio. Se hai chiesto a cento persone quale sito con lo slogan,? Web designer. Unito? lo farei, scommetto che quasi nessuno indovina che hanno venduto siti web di portfolio. Utilizzare questo criterio quando si discute un nuovo slogan.
Intestazione principale
Il prossimo è ciò che chiamerò l'area principale dell'intestazione. Questa è una grande barra blu con un effetto e un tocco di texture. È un bell'effetto che attira davvero la tua attenzione. Il piccolo striscione in basso è un bel tocco, anche se il bianco su bianco rende quasi nessun contrasto.
Il mio problema principale qui è un senso inconfondibile di vuoto. C'è uno spazio enorme qui che si sente semplicemente sottoutilizzato. Implora un'immagine grande, un titolo grande o entrambi.
Uso costantemente Mail Chimp come esempio perché i loro progettisti sono solitamente così chiari. Controlla l'intestazione che è attualmente sul loro sito.
Guarda quella grande immagine colorata che attira la tua attenzione e poi viene rinforzata da un messaggio di grandi dimensioni cristallino: Easy Email Newsletters. In meno di tre secondi di caricamento di questa pagina so esattamente a cosa serve il sito. Tornando all'intestazione StyleJam, tutto quello che vedo è un testo minuscolo in un grande campo blu. Niente qui attira la mia attenzione.
Non sto dicendo che StyleJam ha bisogno di una mascotte, non vedere l'ispirazione come qualcosa da togliere. Visualizza invece la pagina Mail Chimp come una lezione sui principi di base del design. Prendendo questi suggerimenti, il design dell'intestazione di StyleJam potrebbe trasformarsi in qualcosa del genere:
Ovviamente, avresti ancora bisogno di lavorare nei link social, nella casella di inserimento, ecc. Ma hai un'idea. Visivamente, l'intestazione potrebbe aiutare la pagina molto più di quanto non sia attualmente. Inoltre, mentre siamo in tema di link sociali, questi pulsanti hanno l'aspetto di essere in uno stato inattivo. Anche quando passi il mouse sopra di loro, il tuo cursore non cambia. Creo le icone di Facebook e Twitter in blu anziché in bianco, aggiungo un po 'di contrasto al testo e risolvo il problema del passaggio del mouse.
Dispositivo di scorrimento dell'immagine
Mi piace sempre un buon cursore dell'immagine e questo sito ne presenta uno in una cornice molto attraente proprio sotto l'intestazione. L'effetto è gradevole e dà alla pagina una sensazione dinamica. Tuttavia, le immagini scelte per il cursore potrebbero non essere le migliori. Ad esempio, ecco la prima cosa che vedi:
Vedendo questo, ho sicuramente pensato che qualcosa fosse rotto. C'era questo imbarazzante campo di testo fluttuante nel mezzo della pagina che era parzialmente tagliata sul lato destro. Mi ci è voluto un minuto per rendermi conto che era solo uno screenshot. Suggerisco di abbandonare questa immagine e andare con più contenuti visivi come la diapositiva che si trova attualmente nel secondo slot.
Conclusione
Come ho detto prima, mi piace davvero l'aspetto generale di questa pagina. È un sito attraente che ha molti aspetti importanti. I suggerimenti sopra riportati sono perlopiù piccoli e rapidi, alcuni dei quali sono in gran parte soggettivi.
La cosa principale qui è di trasmettere il tuo messaggio in modo chiaro e attraente. In questo momento la messaggistica sembra un po 'confusa e ci vuole un po' di lavoro per capire esattamente cosa sta succedendo con il sito. Riduci il lavoro quasi a zero e aumenti la percentuale di clic.
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.