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 è il portfolio personale di Paul O'Rely, designer brasiliano. Entriamo e vediamo cosa pensiamo!
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 Paul O'Rely
Un designer interattivo e un imprenditore web autodescritti, Paul ha attualmente 28 anni, risiede in Brasile ed è "appassionato di cose creative, semplici e sorprendenti".
Ecco uno screenshot del suo sito web
Prima impressione
Dirò subito quel pipistrello che mi piace molto il sito di Paul. È abbastanza unico, ci sono molte cose interessanti da guardare e con cui interagire, e il messaggio è chiaro: ecco chi è questa persona, cosa fa e come contattarlo. Questi sono onestamente gli aspetti più importanti del portfolio personale di un designer e penso che Paul li abbia inchiodati tutti (un po 'di editing delle copie potrebbe essere in ordine ma, per il resto, un ottimo lavoro).
Se dovessi presentare una sorta di reclamo generale, probabilmente sarebbe la mancanza di un significativo? Wow? fattore nell'intestazione. Il sito nel suo insieme è fantastico (c'è un abile voodoo nel footer), ma quando carico la parte superiore della pagina, non c'è nulla che mi afferri e mi inviti a guardare oltre. Come ho già detto, si sta concentrando sul fare un ottimo lavoro per presentarci il sito e se stesso, e non vorrei sminuirlo, ma sento ancora che ci potrebbe essere qualcosa di più fatto con questo spot per impressionare i visitatori.
Ora che abbiamo discusso il sito nel suo insieme, facciamo una scelta e parliamo dei vari aspetti specifici del design. La maggior parte di ciò che ho da dire è positivo, quindi questo è uno di quei siti che servirà più come buon esempio che cattivo.
Solo una pagina!
Ho sentito persone colpire siti di pagine singole, ma li ho scavati. Paul ha effettivamente fatto un bel po 'con questa singola tela e tuttavia riesce ancora a sentirsi davvero traboccante di spazi bianchi.
Dato lo scopo relativamente semplice del sito, non vedo davvero la necessità di rompere questo contenuto in pagine separate. Il flusso è logico e facile da seguire: in alto si incontra Paul e si impara cosa fa, poi vedi i suoi campioni di lavoro, quindi hai la possibilità di contattarlo se ti piace quello che vedi.
L'eccezione al paradigma di una pagina è ovviamente il suo blog, ma sembra davvero un'entità completamente separata piuttosto che un'estensione di questo sito.
Tipografia
Paul ha alcuni fantastici caratteri personalizzati sul suo sito, che sono ovviamente offerti per gentile concessione di Typekit. Il grassetto slap serif nel titolo si chiama Adelle, un bel cambiamento rispetto al tipico ChunkFive che vedi ovunque.
Mi piace molto anche la scelta di Paul di cosa abbinare Adelle a: Museo Sans. La famiglia Museo è in realtà per lo più slap serif, ma hanno una versione sans serif. Questa è una scelta davvero intelligente perché il Museo Sans è specificamente progettato per essere bello accanto ai caratteri tipografici serif lastra.
Anche se Paul ha fatto bene con le prime due scelte di carattere, purtroppo penso che la terza sia una grande mancanza.
Come puoi vedere, il modulo di contatto utilizza Lobster. Ci sono tre motivi per cui non amo particolarmente questa scelta. Per i principianti, l'aragosta si sta rapidamente avvicinando al cliché? territorio solo perché è così onnipresente. Per non dire che non è possibile utilizzare i caratteri tipografici popolari, è sufficiente farlo con cautela e tatto.
Ancora più importante, hai già scelto il tuo carattere grande, audace, unico per la pagina e deviando da quello puramente per il modulo di contatto è un po 'stridente. I due possono essere combinati, ma deve essere in modo integrato con una gerarchia chiara come nell'esempio seguente piuttosto che passare arbitrariamente da una all'altra.
Infine, praticamente ogni volta che si dispone di molto testo, un carattere tipografico di script sarà una scelta decisamente scadente dal punto di vista della leggibilità. La semplice verità è che è molto più un lavoro per i tuoi occhi e il cervello per ordinare e decifrare un intero paragrafo che è scritto in uno script loopy, collegato.
Dato che si tratta di un modulo di contatto, è possibile che i clienti si avvicinino a Paul con un passo lungo. Costringermi a scrivere in Lobster è un ottimo modo per assicurarmi di non usare mai il tuo modulo di contatto.
Colori
Il sito di Paul utilizza uno schema colore a cinque colori di base. Ecco una breve tabella dei colori che vedrai nella pagina:
Come puoi vedere, questa è una combinazione di colori molto audaci progettata per attirare la tua attenzione. Per la maggior parte, utilizza un equilibrio tra il carbone, la crema e il blu, i primi due dei quali sono abbastanza lievi da far risaltare il blu. Il verde è usato solo per la voce di stato come una violazione del flusso normale, che attira davvero la tua attenzione su quel punto.
Se guardi bene, troverai anche alcuni spruzzi di rosso. Penso che questo sia incoerente e inutile. Sarebbe meglio utilizzare la ripetizione e prendere questa come un'altra opportunità di usare il verde (o forse semplicemente usare il rosso senza verde).
Coinvolgimento e interazione
Un'altra cosa che Paul fa davvero bene è coinvolgerti e interagire con il sito. Ad esempio, l'intestazione mostra una sorta di grafico a barre dei suoi talenti, che ha diverse categorie che possono essere cliccate e ampliate con un'animazione fluida.
Scorri più in basso nella pagina e troverai un cursore di immagine verticale interattivo che mostra il suo lavoro.Ancora una volta vediamo un uso eccellente delle transizioni e degli eventi di clic oltre a un bel lavoro di alleggerimento.
Quando arrivi al footer trovi un lago di pesci nuotare. Questa parte è davvero impressionante! Niente su di esso sembra un'animazione noiosa, uniforme, ad anello. Il modello del pesce e delle bolle si sente casuale (se sia realmente o meno è quasi irrilevante).
Mi piace molto anche il modo in cui i pesci cambiano la loro velocità in modo realistico. Nuotano lentamente, poi quasi si fermano in modo da poter muovere e sparare in avanti. Tanto di cappello a Paul per un bel po 'di lavoro di animazione qui!
Sommario
Per riassumere, amo il sito. E 'davvero ben fatto e posso dire che Paolo ci ha versato sopra e ha fatto un sacco di sforzi. Quasi tutto sul sito ha un bell'aspetto, dal layout e dai caratteri ai colori e alle illustrazioni. La mia più grande lamentela è l'uso di Lobster nel modulo di contatto e la mia preoccupazione secondaria è ripensare l'intestazione per tirare dentro alcuni? Wow? fattore che ottieni quando scavi davvero nel sito.
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.