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 è MacroDreams, il portfolio personale di Deepak Chakravarthy.
Se desideri inviare il tuo sito web in una futura Critica del design, ci vogliono solo pochi minuti. Facciamo pagare $ 34 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 MacroDreams
Mi chiamo Deepak Chakravarthy J. e sono un web designer indipendente e sviluppatore front-end con più di 9 anni di esperienza in Web e Graphic design. Mi sforzo di creare siti web puliti, orientati ai motori di ricerca e visivamente accattivanti basati sugli ultimi standard web e sulle linee guida di usabilità al fine di ottenere la migliore soluzione possibile.
Ecco uno screenshot della homepage:
Impressione iniziale
MacroDreams presenta un design ispirato alla natura che è abbastanza attraente, in particolare nell'area dell'intestazione. L'idea è abbastanza fantastica e mescola uccelli ed erba con grafiche spaziali e volute astratte.
La home page è abbastanza semplice, include solo un semplice post sul blog e funge da gateway per altre pagine come una sezione portfolio. La grammatica è abbastanza approssimativa, ma dal momento che posso parlare solo una lingua, il mio cappello è rivolto a chiunque possa persino tentare di scrivere in una lingua che è estranea alla sua. Pertanto mi concentrerò su questo sito dal punto di vista del design.
Con questo in mente, c'è da lodare e si possono offrire critiche costruttive. Mi piacciono alcuni aspetti, ma sento fortemente che è possibile apportare miglioramenti. Iniziamo con l'intestazione.
Troppo di una cosa buona?
Quando carichi la pagina per la prima volta, la cosa che attira la tua attenzione è l'intestazione. Da un punto di vista puramente estetico, è un po 'folle ma in realtà davvero attraente.
Quando guardi la pagina, prende vita. L'area erbosa contiene un'animazione di gocce d'acqua che trovo piuttosto ipnotizzante, il pappagallo svolazza e lampeggia e gli uccelli in cima hanno un'animazione parallasse guidata dalle nuvole.
Di tanto in tanto raggo su trucchi come questi, ma ad essere sincero penso che tutti e tre gli effetti siano stati tirati fuori molto bene qui. Il problema è che penso che ogni effetto sia bello come elemento individuale indipendente. Da soli, le gocce d'acqua sono fresche, l'animazione degli uccelli attira la tua attenzione, ecc.
Quando si combinano così tante animazioni su una sola pagina, l'effetto è sconcertante. C'è semplicemente troppo successo. Nel film Pixar "The Incredibles", l'obiettivo del cattivo è rendere tutti speciali, perché il risultato netto sarebbe che nessuno è speciale. Per quanto sia pasticciabile trasformare questo in una lezione sul design, penso costantemente a quel film quando vedo siti come questo.
Ricorda che la chiave per un buon web design è catturare l'attenzione dello spettatore e quindi dirigerlo dove vuoi che vada. Quando hai diversi oggetti che competono per l'attenzione, i tuoi occhi non sanno dove atterrare e il messaggio tende a perdersi.
Per quanto possa sembrare difficile dopo aver messo tutto questo impegno nel progetto, consiglio di scegliere solo una di queste animazioni e di abbandonare il resto. Potresti persino riciclarli su altre pagine in tutto il sito se non eri pazzo di lanciarli completamente.
Contenuto principale
Il resto della pagina è occupato dalla grande scatola di contenuti mostrata sotto. È un semplice layout a due colonne che funziona abbastanza bene e pone un'enfasi evidente sul contenuto importante.
Il mio problema con quest'area è che sembra quasi che il progettista non sapesse davvero cosa farsene. In realtà, una porzione enorme è dedicata ai collegamenti in uscita. L'area di ringraziamento ingombrante di seguito, i link social e il feed di notizie Smashing ti portano via da questo sito. Certo, queste sono cose che ha quasi tutti i blog di design, incluso questo, ma il problema qui è che non c'è davvero molto da farti rimanere in giro.
Il post del blog è da ottobre, il che ti dà la sensazione che si tratti di un progetto abbandonato. Inoltre, non c'è una sezione blog nella navigazione, quindi questa caratteristica del sito è comunque un po 'vaga e indefinita.
Quello che deve accadere qui è una rivalutazione degli obiettivi di questo sito. Dato che c'è un solo post, ed è vecchio, direi che lo scopo principale è che il designer mostri il suo portfolio. Tuttavia, a parte un link nella navigazione, questo non si riflette nel contenuto della pagina.
Se dai un'occhiata alla pagina del portfolio, vedi che questo designer ha davvero tantissimo da mostrare, tutto forma da siti web a loghi e lavori di stampa. Io voto che metti da parte il layout del blog della home page e migri parte del contenuto del portfolio laggiù. Il portfolio può rimanere dove si trova, ma lo scopo della home page dovrebbe essere quello di introdurre il sito / designer e di condurre le persone alla pagina del portfolio o alla pagina di contatto (un must se si desidera che le persone vi assumano).
Conclusione
È ovvio che questo designer ha alcune solide competenze di sviluppo di Photoshop e web. Come spesso accade, il mio consiglio è di semplificare e rimettere a fuoco. Abbassa l'attività sulla pagina in modo che l'esperienza sia meno distratta e reindirizza la home page in modo che mostri il tuo lavoro e porti le persone alla pagina del portfolio.
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.