Contenuto
- Colma il divario
- Fai in modo che si relazionino
- 01. MailChimp
- 02. Squarespace
- 03. Gli ho sparato
- 04. Casa
- 05. Parco giochi
Spesso quando iniziamo a lavorare su un nuovo design del sito web, ci concentriamo sulla creazione di tutti gli asset visivi all'interno della nostra applicazione di design.
Iniziamo con forme e caratteri, quindi passiamo al pensiero attraverso i colori, o qualunque cosa tu faccia come processo di pensiero. Ma puoi anche iniziare con cose dal mondo reale. Forse hai delle fantastiche immagini generate da un servizio fotografico, o forse c'è qualcosa di interessante dall'ufficio del tuo cliente o dalla tua scrivania che vale la pena utilizzare come elemento di design.
Colma il divario
L'idea è di tirare fuori mentalmente il visitatore dal browser e fargli iniziare a pensare all'azienda o al prodotto dietro il sito web come a una vera entità o cosa dal vivo. Questo può aiutare a umanizzare ciò per cui stai progettando e colmare rapidamente il divario tra le persone e il prodotto o servizio. Utilizzare un elemento del mondo reale come punto focale o anche come direzione visiva sottostante nel tuo lavoro è un ottimo modo per costruire su questo e raggiungere alcuni solidi obiettivi di branding in generale.
L'uso della metafora del desktop non è una novità, ma recentemente sono stati lanciati alcuni importanti siti Web di prodotti che si basano su di essa per guidare il potenziale cliente nella mentalità dell'utilizzo del prodotto. Il desktop è dove la maggior parte di noi si siede tutto il giorno ed è qualcosa a cui possiamo relazionarci immediatamente. Aiutare i clienti a immaginare se stessi utilizzando il tuo prodotto crea fiducia e comprensione prima ancora che abbiano lasciato la home page.
Fai in modo che si relazionino
Un buon modo per convincere i clienti a effettuare un acquisto o decidere di assumere la tua azienda è convincerli a relazionarsi con te a livello personale. Mostrare le foto del tuo ufficio o delle persone della tua azienda che svolgono il lavoro per cui ti avrebbero assunto può aiutarti in modo immediato.
Ecco cinque esempi da verificare ...
01. MailChimp
L'app di email marketing MailChimp utilizza elementi desktop per aiutare i clienti ad associarsi all'app a livello umano e a relazionarsi con il marchio.
02. Squarespace
La piattaforma di blog Squarespace utilizza visivamente la metafora del desktop per collocare il cliente nel suo ambiente utilizzando l'applicazione.
03. Gli ho sparato
Lo studio di design I Shot Him () utilizza una foto del suo logo in una cornice come l'immagine principale dell'eroe, oltre a tessere le immagini del suo team che fa cose in tutto il sito web per aiutarti a metterti in contatto con loro personalmente.
04. Casa
Il sito di e-commerce di moda House utilizza foto di persone che sembrano clienti target che utilizzano i prodotti per formare un'associazione con i prodotti. Non è una novità, ma ne è un ottimo esempio come elemento di design principale nell'immagine dell'eroe.
05. Parco giochi
Lo studio di design Playground usa letteralmente un'immagine sovradimensionata del loro ufficio in modo che tu possa vederli al lavoro.
Parole: Gene Crawford
I progetti di Gene Crawford includono www.unmatchedstyle.com e conferenze come www.convergese.com. Questo articolo è apparso originariamente nel numero 246 di net magazine.