Come Koji Studio ha usato Spline per realizzare una presentazione di prodotto in 3D

Quando Ori, un’azienda di tecnologia medica, ha deciso di lanciare un sito web per il suo nuovo scanner dentale 3D, la sfida era chiara: come comunicare la precisione e l’innovazione di un dispositivo fisico in un modo altrettanto innovativo online?

L’azienda voleva portare sul mercato il suo nuovo dispositivo Ori Intraoral Scanner, uno scanner dentale 3D pensato per aiutare i dentisti ad acquisire in tempo reale modelli digitali molto precisi dei denti dei pazienti.

Per andare oltre immagini e video statici e mostrare ai propri clienti il progresso tecnico del prodotto, si è rivolta a KOJI Agency come team creativo per il lancio.

Il team di KOJI ha quindi deciso di sfruttare l’integrazione di Spline in Webflow per creare un’esperienza digitale 3D interattiva, che rendesse lo scanner tangibile sul web quanto lo è nelle mani di un dentista.

Un team di design full-stack che abbraccia nuovi strumenti

Il team di KOJI Agency dietro la presenza online di Ori Scan era composto da Pavel, Slava, Nikita e Liza, tutti designer esperti con molti progetti per clienti alle spalle.

Con oltre 20 anni di esperienza in branding, identità ed esperienze digitali, hanno realizzato di tutto, da sistemi pubblicitari modulari a siti narrativi immersivi.

La loro forza è essere “designer full-stack”: uniscono pensiero di prodotto, design visivo, interazione e codice.

Facciamo sempre ricerca e cerchiamo sempre nuovi strumenti. È così che siamo arrivati a Spline.

Sfruttare Spline per sbloccare l’interattività

I vertici di Ori Scan non volevano l’ennesimo sito di un prodotto medico. Volevano un’esperienza che si distinguesse agli occhi del loro pubblico di dentisti e professionisti sanitari.

Il team di KOJI ha visto nel 3D interattivo il mezzo migliore per mettere in risalto l’innovazione dello scanner, e la scelta di Spline è stata altrettanto intenzionale.

Il team sapeva di aver bisogno della flessibilità per iterare rapidamente, ottimizzare le prestazioni e presentare il design dello scanner in modo interattivo su tutti i dispositivi.

Spline era ovunque nella community del design. Questo progetto era l’occasione perfetta per usarlo finalmente, e l’integrazione perfetta con Webflow ha reso la decisione ancora più facile.

Il processo di design: dal CAD e dall’ottimizzazione dei poligoni a un’esperienza web curata

Il processo è partito dai file CAD tecnici di Ori Scan, che l’agenzia ha rifinito e ottimizzato prima di importarli in Spline.

Il flusso di lavoro è stato iterativo: bilanciare numero di poligoni, materiali e illuminazione per trovare il giusto equilibrio tra un risultato visivamente accattivante e prestazioni fluide sul web.

Spline ha unito il lato tecnico e quello creativo del processo. I suoi strumenti per le prestazioni hanno dato al team indicazioni chiare sull’ottimizzazione del modello, garantendo un’integrazione fluida su tutti i dispositivi. Il sistema di eventi ha reso semplice impostare il movimento interattivo, mentre gli strumenti versatili per materiali e illuminazione hanno aiutato a rifinire l’aspetto del prodotto perché risultasse curato e realistico sul web.

Uno dei dettagli più riusciti? Il modello 3D dei denti. Per mostrare lo scanner in azione, il team ha modellato in Spline dei denti dall’aspetto naturale, un tocco essenziale che ha reso la demo autentica.

Questa cura per i dettagli ha portato la demo oltre una semplice dimostrazione tecnica. Unendo realismo e interattività, il team ha creato un racconto del prodotto autentico, coinvolgente e direttamente legato al modo in cui i dentisti userebbero davvero lo scanner.

È stato divertente, ma anche fondamentale. Visto che lo scopo dello scanner è scansionare i denti, il modello 3D doveva avere un aspetto naturale.

L’integrazione con Webflow

Il team di KOJI si è affidato a Spline per dare vita al prodotto Ori Scan e all’integrazione nativa di Spline con Webflow per inserire gli asset 3D nel sito senza problemi.

Così è stato possibile abbinare animazioni guidate dallo scroll e 3D interattivo, permettendo ai visitatori di ruotare ed esplorare lo scanner mentre scorrevano la pagina.

È molto semplice e veloce. La curva di apprendimento è bassa: anche i designer junior possono intervenire e integrare il 3D in Webflow.

Perché l’interattività conta

Per Ori Scan, una presentazione di prodotto in 3D interattivo non era solo una questione estetica. Era una questione di chiarezza e di impatto. Permettendo ai clienti di scorrere il prodotto, ruotarlo ed esplorarne le funzionalità nel loro contesto, hanno creato un’esperienza che va ben oltre ciò che fotografia o video statici potrebbero offrire.

L’interattività cambia tutto. Rende il prodotto reale. E, cosa ancora più importante, aiuta il cliente a raccontare la sua storia in un modo che risulta innovativo.

Inizia con Spline

Il team di KOJI continua a sperimentare con Spline. Per loro, questo progetto ha segnato l’inizio di un nuovo capitolo, in cui il 3D e il design interattivo non sono solo un “di più”, ma un elemento essenziale per raccontare i prodotti.

È un esempio visivamente straordinario di come l’interattività possa trasformare il design di prodotti digitali in un’esperienza che sembra reale.

Contatta le vendite