Hide&Jack
E-Commerce
Restyle web Autunno/Inverno ’17-’18
Un Brand di sneakers di alta gamma in grande ascesa, è risaputo, per mantenere il trend di crescita, deve rinnovarsi costantemente.
Nel prodotto così come pure nella comunicazione, offline e online.
Seguendo i ritmi del mondo cui appartiene: il fashion.
Collezione dopo collezione, campagna dopo campagna, l’immagine muta ed evolve.
Così il cliente ha commissionato all’agenzia un restyle, essenzialmente grafico, del proprio e-commerce.
La difficoltà maggiore è stata riuscire a modificare radicalmente l’estetica del sito senza però andare a modificare funzioni, struttura e maggior parte dei contenuti.
Agency
DigitalMindClient
Hide&JackYear
2017Services
Art Direction, UX, Web Design, Graphic DesignPiù enfasi al “Doppio”
attraverso l’uso di testi, grafiche ed effetti.
L’immaginario del Brand, tutto incentrato sul tema del doppio, ha fornito spunti interessanti, non soltanto nella realizzazione di scatti fotografici ad hoc destinati al sito e a campagne ADV online, ma anche nel definire alcuni capisaldi stilistici e funzionali del sito.
Se le foto sono risultate già abbondanti di contrasti cromatici e di luci, nell’inserirle all’interno di banner e showreel, è stata ancor più enfatizzata questa caratteristica, associandole a coppie di parole in contrasto.
Show/Hide, True/Lies, Hate/Love venivano svelati o nascosti dall’interazione dell’utente, in un gioco di maschere e trasparenze.
Gallerie scorrevoli
per un utilizzo del sito più fluido
Avevamo stabilito che il risultato dovesse essere tanto semplice graficamente, quanto semplice da fruire.
Una delle migliorie possibili è stata rendere più fluida la gallery all’interno della scheda prodotto.
Cliccare su una thumbnail o una freccia per passare da uno scatto all’altro, nell’era dello scroll, in un sito che generava la maggior parte del suo traffico su mobile, ci pareva anacronistico.
Si è deciso pertanto di creare una gallery “continua” consultabile semplicemente scorrendo la pagina verso il basso.
& qualche altro testo importante.
Trattato con un campo nero di sfondo.
Quasi come creato da una etichettatrice,
quasi il tratto di un marker.
Effetti e Stili
per far risaltare tutti i titoli
Che fossero grandi titoli o paragrafi di testo, sapevamo di dover dare risalto ad alcuni concetti.
Per i primi abbiamo perciò scelto un font maiuscolo e bold (bebas neue) lavorando sempre sul contrasto e talvolta utilizzandolo come maschera di alcuni elementi sottostanti.
Per i secondi la dimensione e tipografia del testo poteva funzionare, avremmo semplicemente invertito i colori, creando così nuovamente un gioco di positivo/negativo.
Semplicemente ovunque
Un sito con un’audience contemporanea, per un bene facilmente acquistabile online, non poteva trascurare la sua scalabilità su tutti i device; e i dati lo confermavano senza timore di smentite.
Abbiamo quindi dedicato particolare attenzione a conservare stile e funzionalità su tutte le piattaforme, senza compromessi.
Dare uno stile all’intero processo
Dare uniformità all’intero percorso dell’utente, fosse di acquisto o di semplice consultazione, era necessario per raggiungere un risultato convincente e coerente.
Dal carrello al check-out, passando dalle pagine informative e dalla legenda taglie abbiamo definito un unico stile… o meglio, un solo doppio stile!
