Frantoia
Adv Agency | UMAMI ADV
Cosa ho curato in questo progetto:
- Creative UI/UX Design
Ideazione del layout grafico basato sul concetto di “quadro digitale”, con elementi visivi ispirati ai garbati motivi decorativi dello stile Liberty dell’etichetta originale. - Scroll-Driven Parallax
Sviluppo di logiche front-end avanzate per gestire il movimento asincrono della bottiglia e degli elementi naturali (foglie d’ulivo e olive delle tre cultivar) a velocità differenziate rispetto allo scroll. - Sviluppo Componenti Dinamici
Implementazione di transizioni fluide per la metamorfosi del prodotto in tempo reale durante la navigazione verticale, mostrando l’evoluzione della gamma (dal Frantoia al Biologico, fino alle Fattorie e agli Aromatizzati). - Front-end Development
Ottimizzazione del codice su frantoi.it per garantire la massima leggerezza degli asset multimediali storici e la fluidità delle animazioni a 60fps. - SEO & Brand Storytelling
Indicizzazione strutturata dei contenuti storici aziendali per posizionare la piattaforma sulle ricerche legate all’eccellenza dell’olio EVO siciliano e al design d’autore.
Skills:
Visione e
Obiettivi del Brand
Tradurre in chiave digitale la nascita dell’iconico Olio Frantoia, ideato negli anni ’80 da Manfredi Barbera come una vera e propria “bottiglia di sogni” radicata nei ricordi d’infanzia e nella tradizione secolare dei Premiati Oleifici Barbera. La sfida principale è stata quella di trasformare un profondo storytelling familiare — legato alla splendida tenuta di San Lorenzo ai Colli del bisnonno Lorenzo e alla sapiente unione delle tre pregiate cultivar siciliane (Biancolilla, Nocellara e Cerasuola) — in un’interfaccia interattiva premium e immersiva, capace di trasmettere l’emozione e l’eleganza di questo pezzo di storia.
Storytelling Liberty e Fluid Parallax
Con lo scroll dell’utente, la bottiglia si sgancia dalla cornice e scende in verticale guidando la narrazione: mentre le foglie e le tre cultivar tipiche siciliane fluttuano nello spazio con un effetto mouse and scroll parallax a velocità differenziate, la bottiglia stessa si trasforma fluidamente per svelare l’intera linea di prodotti, traducendo la poesia del brand in un’esperienza front-end immersiva.