Helias Oils
JAN 18TH 2020 scorri per i dettagliIl progetto
Helias ci ha affidato il redesign del proprio ecommerce per aumentare le vendite online e rafforzare la coerenza del brand tra digitale e offline. Abbiamo creato un'esperienza immersiva ispirata al movimento naturale degli oli essenziali.
Risultati
12
MESI DI CRESCITA DEI RICAVI
+36%
ROAS
136sec.
TEMPO MEDIO SUL SITO
OLTRE L'ORDINARIO
La sfida
Poiché Helias era un brand nuovo e gli oli essenziali ancora poco conosciuti dal grande pubblico, la strategia si è concentrata sull’informazione. Abbiamo spiegato benefici e modalità d’uso, analizzando dati e mappe di calore per comprendere le abitudini degli utenti. È emersa la necessità di ricevere più informazioni prima dell’acquisto: l’architettura del sito accompagna quindi dalla scoperta del prodotto alla conversione.
Eliminare il superfluo
Direzione artistica
La direzione artistica riprende il movimento organico dell’olio. Linee sinuose, attenzione ai singoli ingredienti, layout ampi e tipografia decisa costruiscono un’estetica distintiva che esprime l’essenza del brand e valorizza il posizionamento del prodotto.
Il movimento naturale dell'olio
Animazioni
Abbiamo ripreso il movimento dell’olio che scorre all’interno di una bottiglia. Per gestire le numerose animazioni senza compromettere le prestazioni, gli asset vengono caricati in modo ottimizzato. Il progetto include transizioni tra pagine, navigazione animata, menu personalizzati ed effetti liquidi sviluppati da zero con Three.js e WebGL, mantenendo lo scorrimento fluido e il sito veloce.
Premi e riconoscimenti
- Sito del giorno
- Premio sviluppo
- Eccellenza mobile
- FWA del giorno
- Sito web del giorno