Salute e Benessere / Beni di Consumo / E-Commerce

BIZZ Gums

Non tutti i prodotti hanno bisogno di un sito. Alcuni hanno bisogno di un mondo.

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 - MockupBIZZ - Mockup

Il Problema

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 nostro approccio

Prima l’esperienza. Poi il prodotto.

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.

Cosa abbiamo costruito

  • Due Stanze, una per gusto: due mondi renderizzati, uno per BIZZ e uno per LITE, progettati per trasmettere il carattere di ciascuna formula prima ancora che inizi il racconto.
  • Render realistici degli ingredienti: immagini cinematografiche che comunicano qualità e credibilità attraverso il dettaglio visivo, senza ricorrere al linguaggio clinico tipico della categoria.
  • Animazioni interattive del Packaging: il movimento delle confezioni segue lo scroll, così che ogni interazione contribuisca alla narrazione.
  • Integrazione del checkout Shopify: un percorso d’acquisto continuo, dal primo scroll fino alla conferma dell’ordine, senza interrompere l’esperienza del brand.
  • Architettura basata su Scroll: una storia che prende forma man mano che il visitatore esplora la pagina, seguendo il proprio ritmo.

I Risultati

Un’esperienza capace di valorizzare il prodotto.

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.

Project Gallery

No items found.

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.

BIZZ GUMS / CEO

Kajana G.

Questo è davvero la Mona Lisa dei siti web!

"

180%

Conversion Uplift

Post-launch average across e-commerce rebuilds in the first quarter.

04

Core Disciplines

Post-launch average across e-commerce rebuilds in the first quarter.

04

Core Disciplines

Post-launch average across e-commerce rebuilds in the first quarter.

180%

Conversion Uplift

Post-launch average across e-commerce rebuilds in the first quarter.

Can Webflow support an immersive 3D brand experience at e-commerce scale, or does it require a custom-built platform?

Webflow is the correct platform for this type of build when the architecture is designed correctly. The 3D layer runs as a WebGL canvas integrated into the Webflow layout, with Shopify handling commerce infrastructure via Storefront API integration. Webflow manages the content layer, editorial control, and CMS-driven content updates. The result is a fully custom e-commerce experience with editorial flexibility that doesn't require an engineering ticket for every content change. The platform serves the build well at this scale; the constraint is the architectural approach, not the platform's capability.

What performance trade-offs should a premium e-commerce brand expect when adding 3D to product pages?

A 3D product visualisation built with performance discipline adds approximately 400 to 900 kilobytes of compressed asset weight to a product page and requires a deferred loading architecture to avoid impacting LCP. On a well-built scene, Core Web Vitals scores remain within passing thresholds on mobile. The trade-off is real but manageable: the additional load is offset by increases in session duration and conversion rate that consistently outperform flat-image product pages in premium consumer categories where the purchase decision involves visual inspection.

How does a Three.js 3D product experience integrate with Shopify without breaking the brand design?

The standard Webflow-to-Shopify embed renders Shopify's native checkout UI inside a Webflow page, which creates a visual discontinuity at the highest-stakes point in the purchase path. The alternative is a custom integration using Shopify's Storefront API, which allows product data, cart management, and checkout initiation to be surfaced through custom components built inside the Webflow design system. This approach requires full-stack engineering capability rather than a standard embed, but it preserves the brand experience through to conversion and eliminates the aesthetic break that causes drop-off.

BIZZ Gums

Un prodotto straordinario merita un mondo all’altezza.

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.

SEE ALSO

Other projects you'll love

Fallout Terminal Mockup
VISUAL / UI / TERMINAL

Fallout Terminal

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Duis cursus, mi quis viverra ornare, eros dolor interdum nulla, ut commodo diam libero vitae erat. Aenean faucibus nibh et justo cursus id rutrum lorem imperdiet. Nunc ut sem vitae risus tristique posuere.

Drake Rebuild Mockup
3D / SPACIAL EXPERIENCE / E-COMMERCE

Drake Related

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Duis cursus, mi quis viverra ornare, eros dolor interdum nulla, ut commodo diam libero vitae erat. Aenean faucibus nibh et justo cursus id rutrum lorem imperdiet. Nunc ut sem vitae risus tristique posuere.

Italian Flag
Italian