BIZZ crea una gomma alla nicotina premium, costruita attorno a una formula pulita e a un prodotto che mantiene ciò che promette. Abbiamo trasformato questa qualità in un’esperienza digitale immersiva, dove il visitatore percepisce la qualità del prodotto ancora prima ancora di arrivare alla lista degli ingredienti.
BIZZ crea una gomma alla nicotina premium, costruita attorno a una formula pulita e a un prodotto che mantiene ciò che promette. Abbiamo trasformato questa qualità in un’esperienza digitale immersiva, dove il visitatore percepisce la qualità del prodotto ancora prima ancora di arrivare alla lista degli ingredienti.
Nel mondo delle gomme alla nicotina, tutto sembra un prodotto farmaceutico. Packaging clinici, comunicazione funzionale, prodotti costruiti attorno a un’unica promessa: funzionare. BIZZ ha costruito qualcosa di diverso. Una formula pulita, senza microplastiche né componenti sintetici, ma il mercato non aveva ancora un linguaggio per riconoscerne la differenza.
Servivano due cose allo stesso tempo: un’esperienza capace di elevare il prodotto e un sistema capace di costruire fiducia. Ogni elemento doveva dimostrare perché BIZZ fosse diverso, prima ancora che il cliente arrivasse alla composizione.
Poi c’era il problema invisibile: il passaggio all’acquisto. Un’integrazione standard Webflow-Shopify avrebbe interrotto il mondo costruito intorno al brand proprio nel momento in cui il cliente era pronto a scegliere. Mantenere quell’esperienza intatta fino al checkout non era un extra. Era il punto in cui il design diventava business.
Il sito non è stato progettato per spiegare. È stato progettato per far percepire.
Abbiamo costruito due ambienti distinti, uno per BIZZ e uno per LITE, trasformando la formula in uno spazio da esplorare anziché in un elenco di caratteristiche. Il prodotto non occupa semplicemente una pagina: abita un ambiente progettato attorno alla sua identità. L’intera direzione visiva nasce in Blender e prende forma attraverso render e animazioni. Questa scelta ci ha permesso di ottenere immagini cinematografiche mantenendo un’esperienza estremamente leggera e performante. Ogni asset è stato ottimizzato per preservare le prestazioni e garantire un caricamento efficiente.
Il linguaggio tridimensionale accompagna ogni fase del percorso. Gli ingredienti diventano oggetti da osservare, il packaging prende vita con lo scroll e le animazioni costruiscono una narrazione continua che conduce il visitatore fino alla scelta finale. Ogni movimento ha una funzione precisa.
Le animazioni costruite in Webflow guidavano il ritmo della navigazione, accompagnando il passaggio dagli ambienti immersivi ai contenuti che raccontavano la formula. Ogni transizione è progettata per mantenere un’esperienza continua, facendo percepire render 3D e interfaccia Webflow come un unico sistema. Anche l’e-commerce seguiva la stessa logica. Invece di affidarsi al classico embed di Shopify, abbiamo sviluppato componenti personalizzati che dialogano con la Storefront API per mostrare prodotti e disponibilità in tempo reale. Il cliente può aggiungere prodotti al carrello e procedere all’acquisto senza uscire dall’esperienza BIZZ, mantenendo la stessa identità visiva fino all’ultimo passaggio. Il checkout smette così di essere un’interruzione e diventa parte integrante del progetto.
Con il nuovo ecosistema digitale, BIZZ acquisisce una presenza coerente con il proprio posizionamento. Gli ambienti immersivi sostituiscono il linguaggio della categoria con un’identità visiva capace di distinguersi, trasformando il prodotto in un oggetto desiderabile prima ancora che in un acquisto. La trasparenza della formula viene raccontata attraverso immagini, materiali e movimento. Il visitatore scopre ciò che rende BIZZ diverso senza essere sommerso da informazioni tecniche, costruendo fiducia attraverso l’esperienza stessa.L’infrastruttura e-commerce completa questo percorso. L’integrazione con Shopify mantiene intatta la continuità del brand fino alla conferma dell’ordine, mentre l’ottimizzazione degli asset garantisce un’esperienza veloce e fluida anche su mobile.
.jpg)
34,1%
Tasso di Conversione da traffico qualificato
Rispetto al 10% della media di settore
33Min
Durata Media della Sessione
Rispetto ai 10 minuti della media di settore
7
Ingredienti Renderizzati
Visualizzati in 3D, in qualità cinematografica
6
Aree Sviluppate
Concept, Esperienza Utente, ambienti 3D, render degli ingredienti, animazioni interattive e integrazione e-commerce.
Post-launch average across e-commerce rebuilds in the first quarter.
Post-launch average across e-commerce rebuilds in the first quarter.
Post-launch average across e-commerce rebuilds in the first quarter.
Post-launch average across e-commerce rebuilds in the first quarter.
Webflow è la piattaforma ideale per questo tipo di sviluppo, a patto che l'architettura sia progettata correttamente. Il livello 3D viene eseguito come canvas WebGL integrato nel layout di Webflow, mentre Shopify gestisce l'infrastruttura e-commerce tramite l'integrazione con le Storefront API. Webflow si occupa del livello dei contenuti, del controllo editoriale e degli aggiornamenti gestiti tramite CMS. Il risultato è un'esperienza e-commerce completamente personalizzata, con una flessibilità editoriale che non richiede l'apertura di un ticket tecnico per ogni modifica ai contenuti. La piattaforma supporta perfettamente lo sviluppo su questa scala; il limite non è nelle capacità dello strumento, ma nell'approccio architetturale adottato.
Una visualizzazione 3D di prodotto, realizzata con criteri di ottimizzazione delle prestazioni, aggiunge circa 400-900 kilobyte di peso agli asset compressi di una pagina prodotto e richiede un'architettura di caricamento differito per evitare di compromettere l'LCP. In una scena ben strutturata, i punteggi dei Core Web Vitals rimangono entro le soglie di superamento anche su mobile. Il compromesso è reale ma gestibile: il carico aggiuntivo è compensato da un aumento della durata della sessione e del tasso di conversione, che superano costantemente le pagine prodotto con immagini statiche nelle categorie consumer premium, dove la decisione d'acquisto richiede un'ispezione visiva.
L'integrazione standard Webflow-Shopify visualizza l'interfaccia di checkout nativa di Shopify all'interno di una pagina Webflow, creando una discontinuità visiva nel momento più critico del percorso d'acquisto. L'alternativa è un'integrazione personalizzata tramite le Storefront API di Shopify, che consente di gestire dati dei prodotti, carrello e avvio del checkout attraverso componenti su misura costruiti nel sistema di design di Webflow. Questo approccio richiede competenze di ingegneria full-stack rispetto a un semplice embed, ma preserva l'esperienza del brand fino alla conversione, eliminando quella rottura estetica che spesso causa l'abbandono del carrello.
BIZZ aveva un prodotto davvero diverso. Il nostro lavoro è stato rendere evidente quella differenza attraverso il sito, in modo immediato e credibile. Quando la qualità di un prodotto supera la sua presenza digitale, interveniamo per allineare le due cose.
Condividi la tua visione. Il resto lo costruiamo insieme.
Energia per il tuo Brand.
.svg)
