3Deeble!

3Deeble è un configuratore web 3D innovativo che offre visualizzazione, personalizzazione e preventivazione online con rendering di alta qualità in tempo reale.
Permette di presentare prodotti in infinite combinazioni di materiali, forme, colori e accessori, calcolando istantaneamente i prezzi.

Progettato per e-commerce o showroom, aiuta ad offrire una customer experience coinvolgente ed immersiva, elevandosi dalla concorrenza e portando vari benefici al flusso di vendita.

Cliente:
Progetto interno
Anno:
2024-Oggi
Tags:
SaaSEcommerceARRicerca e sviluppoUX/UI DesignSviluppo Frontend3DVirtual Try-OnThree.js
3deeble - Configuratore web 3d con AR e preventivazione per divani, biciclette, gioielli, borse, scarpe, gadget e molto altro

01.Background e sviluppo


L'origine

Nato dall'esperienza di ITSG nei progetti Three.js, AR e WebGL, e dalla consolidata conoscenza del settore arredamento grazie alle collaborazioni storiche con realtà del settore, 3Deeble prende forma da progetti interni di ricerca e sviluppo e si trasforma in seguito in una soluzione innovativa e pronta all'uso per la configurazione e la visualizzazione 3D di prodotti di vario tipo.


Lo sviluppo

3Deeble nasce inizialmente come test di sviluppo frontend per l'arredamento, evolvendosi progressivamente in uno strumento innovativo e performante.
Dopo un confronto con strumenti simili con cui abbiamo lavorato per conto di nostri clienti, e accurate analisi di mercato, abbiamo deciso di svilupparlo come soluzione SaaS, definendo obiettivi strategici che lo rendessero unico:

  • ✔ UX immediata e fluido per ottimizzare il processo d'acquisto;
  • ✔ Rendering di alta qualità per una presentazione realistica dei prodotti;
  • ✔ Modalità Phygital: utilizzabile in showroom, online, o interfacciando entrambi;
  • ✔ Integrabile con siti vetrina ed e-commerce esistenti;
  • ✔ Preventivatore in real-time;
  • ✔ Versione standard pronta per l'uso, ma alta flessibilità per sviluppi ad hoc;
  • ✔ Compatibile con standard del settore per condivisione asset 3D;
  • ✔ Semplicità di gestione del backend;
  • ✔ Cross-platform e cross-device, web-based, scalabile in base all'hardware;
  • ✔ Scalabile su diverse tipologie di prodotti;
Configuratore 3D, research and development

Abbiamo sviluppato un rendering di materiali estremamente avanzato: oltre alle texture standard, 3Deeble supportia nativamente mappe di bump, specular, normal e ambient occlusion.

L'implementazione include caratteristiche sofisticate come indice di rifrazione, iridescenza, clearcoat, sheen e bloom per una riproduzione fedele e realistica dei materiali.
Il motore di rendering è ottimizzato per funzionare velocemente in tempo reale su dispositivi mobile, desktop e chioschi interattivi.

3Deeble integra un visualizzatore WebGL ad alta fedeltà con un back-end per gestire modelli, materiali, varianti e regole di configurazione.
Totalmente personalizzabile, si adatta a singoli prodotti e interi cataloghi.
La piattaforma offre visualizzazione real-time in Realtà Aumentata e virtual try-on, garantendo un'esperienza coinvolgente e immersiva su qualsiasi dispositivo.

Configuratore 3d 3deeble - Utilizzabile in showroom su totem touch
Configuratore 3d 3deeble - Ampia possibilità di personalizzazione materiali, varianti, su smartphone e pc
Configuratore 3d 3deeble - Utilizzabile integrato con ecommerce web

02.Caratteristiche


Posizionamento

3Deeble nasce come soluzione SaaS flessibile: disponibile in versione base predefinita e pronta all'uso, o completamente personalizzabile per soddisfare esigenze specifiche di qualsiasi settore merceologico.
Sviluppato inizialmente per l'arredamento, il configuratore si adatta spontaneamente a una vasta gamma di prodotti: dall'automotive alla moda, dall'hi-tech ai gioielli.
Offerto con un modesto canone mensile/annuale, senza nessuna fee, permette anche una customizzazione profonda delle funzionalità e del rendering per esigenze uniche.


Caratteristiche principali

3Deeble ridefinisce la presentazione di prodotti online con un'esperienza di configurazione piacevole e tecnologicamente innovativa.
La realtà aumentata migliora l'e-commerce riducendo i resi e incrementando conversione e fidelizzazione degli utenti.
Un configuratore 3D interattivo trasforma la visualizzazione del prodotto in un'opportunità di vendita coinvolgente.

Engagement per gli utenti finali:

  • Visualizzazione immersiva: Prodotti più realistici, da ogni angolazione.
  • Personalizzazione totale: Materiali e optional modificabili a piacere.
  • Realtà Aumentata: Prova virtuale dei prodotti direttamente da casa.
  • Preventivi immediati: in tempo reale in base alle configurazioni scelte.

Vantaggi concreti per il business:

  • 🚀 Fino a +30% di vendite, aumentando l'engagement e offrendo ai clienti un'esperienza d'acquisto più coinvolgente.
  • 🚀 Maggiore customer satisfaction, con clienti più soddisfatti del loro acquisto, con maggiori probabilità di ritornare o fare passaparola.
  • 🚀 Riduzione dei resi, aiutando i clienti a prendere decisioni d'acquisto più consapevoli, riducendo il numero di resi.
Configuratore 3D, integrabile con ecommerce
Playphoto - Wirefrrame UI e UX web ecommerce design

03.Presentazione


Video illustrativo

Abbiamo realizzato internamente un video di presentazione del prodotto, unendo screen recording dell'applicazione reale, riprese dal vero di persone che utilizzano il configuratore o le sue funzionalità AR o virtual try-on, e un pizzico di AI generativa per alcune brevi riprese in showroom e speech. Il video è stato declinato in diverse versioni e lunghezze, più o meno completo o sintetico a seconda delle destinazioni d'uso e del livello di engagement.


Landing page e richiesta demo

Abbiamo creato una landing page per illustrare le caratteristiche principali del prodotto oltre che ricevere e gestire le richieste di demo e commerciali.
La landing è differenziata per settore merceologico, e si integra alle campagne di marketing in corso assicurando una comunicazione specifica e coerente.

Curioso di scoprire più in dettaglio come funziona, e magari vedere il configuratore 3Deeble in azione?
SCOPRI DI PIU' E PRENOTA UNA DEMO!

Altri case studies