Kin Euphorics - Rendere l'esperienza d'acquisto più coinvolgente
Restyling UI della homepage di Kin Euphorics per creare una brand experience più immersiva
- Master UI Design
- 13 Maggio 2024
- UI Designer
- Kin Euphorics
Brief
Kin è una bevanda analcolica innovativa che mira a offrire un’alternativa salutare alle bevande alcoliche tradizionali. Questo progetto mi è stato commissionato come challenge finale presso Talent Garden, sotto la guida di Mirko Santangelo.
Il problema
Il sito originale di Kin non comunicava efficacemente i benefici del prodotto e aveva una struttura poco intuitiva, il che rendeva difficile per gli utenti trovare informazioni chiave. Inoltre lo stile del sito non dava il giusto risalto ai valori del brand.
La challenge: progettare una nuova homepage
L’obiettivo della challenge era progettare una nuova homepage in circa 5 ore, sviluppando un’interfaccia che aiutasse gli utenti a scegliere i prodotti, mantenendo però una coerenza grafica con le linee guida del brand.
Ho strutturato il processo di design in quattro fasi principali: wireframe, moodboard, style guide e progettazione UI.
I wireframes sono stati uno strumento essenziale per definire la struttura della nuova homepage.
Ho creato wireframes a bassa fedeltà per concentrarmi sull’organizzazione delle informazioni e sull’esperienza utente.
Questo approccio mi ha permesso di iterare sul layout in maniera veloce.
Moodboard
La moodboard è stata una delle principali attività del processo di design.
In questa fase, ho cercato delle ispirazioni visive che fossero in linea con l’estetica e i valori del brand utilizzando siti come Awwards, che potessero ispirarmi nello stile che volevo dare al layout.
La moodboard mi è servita da guida durante tutto il progetto, assicurandomi che ogni elemento dell’interfaccia rispettasse lo stile desiderato.
Progettazione interfaccia utente
Per trasmettere il messaggio che la bevanda “aumenti il buon umore,” ho scelto dei gradienti caldi e luminosi.
Questi colori non solo catturano l’attenzione, ma evocano anche sensazioni di felicità e benessere, allineandosi perfettamente con i benefici del prodotto.
La navigazione invece è stata ridisegnata con burger menu, facilitando l’accesso alle informazioni chiave sui prodotti e sui benefici. I pulsanti di acquisto, sono stati posizionati in modo strategico per incoraggiare l’interazione e aumentare le conversioni.
Nonostante il poco tempo a disposizione, ho cercato di fare scelte sensate e coerenti con le linee guida del brand.
Ad esempio, ho integrato delle forme ad “arco”, sia come base per lo sfondo dei prodotti sia per alcune sezioni del sito. Queste forme erano già presenti nelle linee guida fornite dal cliente e le ho riprese a livello di UI per mantenere una coerenza visiva.
Conclusione e cosa ho imparato
Questo progetto mi ha insegnato una cosa fondamentale, ossia che lavorare in un tempo limitato non significa compromettere la qualità del lavoro.
Al contrario, significa concentrarsi sulle priorità essenziali, garantendo che ogni decisione di design sia mirata e strategica.
Ringrazio Mirko Santangelo di Paper Tiger e i docenti per i feedback forniti durante la challenge, che mi hanno aiutato molto a migliorare il layout definitivo.