Så använde Koji Studio Spline för att leverera en 3D-produktvisning

När Ori, ett medicintekniskt företag, skulle lansera en webbplats för sin nya 3D-skanner för tandvården var utmaningen tydlig: hur kommunicerar man precisionen och innovationen i en fysisk apparat på ett sätt som känns lika nyskapande på nätet?

Företaget skulle lansera sin nya Ori Intraoral Scanner på marknaden. En apparat för 3D-skanning av tänder, utformad för att hjälpa tandläkare att ta fram mycket exakta digitala modeller av patienternas tänder i realtid.

De ville gå längre än statiska bilder och videor för att visa kunderna produktens tekniska framsteg, och anlitade KOJI Agency som kreativt team för produktlanseringen.

KOJI-teamet bestämde sig då för att använda Splines integration i Webflow för att skapa en interaktiv digital 3D-upplevelse som gjorde skannern lika påtaglig på webben som i tandläkarens hand.

Ett fullstack-designteam som tar till sig nya verktyg

KOJI Agency-teamet bakom Ori Scans webbnärvaro bestod av Pavel, Slava, Nikita och Liza – alla erfarna designers med många kundprojekt bakom sig.

Med mer än 20 år inom varumärken, identitet och digitala upplevelser har de byggt allt från modulära reklamsystem till webbplatser med uppslukande berättande.

Deras styrka ligger i att vara ”fullstack-designers” – de förenar produkttänkande, visuell design, interaktion och kod.

Vi letar alltid, försöker alltid hitta nya verktyg. Det var så vi hittade Spline.

Spline låser upp interaktiviteten

Ori Scans ledning ville inte ha ännu en webbplats för en medicinteknisk produkt. De ville ha en upplevelse som stack ut för deras publik av tandläkare och vårdpersonal.

KOJI-teamet såg interaktiv 3D som det bästa mediet för att lyfta fram skannerns innovation, och valet av Spline var lika genomtänkt.

Teamet visste att de behövde flexibiliteten att iterera snabbt, optimera prestandan och visa skannerns produktdesign interaktivt på alla enheter.

Spline fanns överallt i designvärlden. Det här projektet var det perfekta tillfället att äntligen använda det, och den sömlösa integrationen med Webflow gjorde beslutet ännu enklare.

Designprocessen: från CAD och polygonoptimering till en polerad webbupplevelse

Processen började med Ori Scans tekniska CAD-filer, som byrån förfinade och optimerade innan de togs in i Spline.

Arbetsflödet var iterativt – antal polygoner, material och belysning vägdes mot varandra för att få en balans mellan ett visuellt tilltalande resultat och smidig prestanda på webben.

Spline förde samman processens tekniska och kreativa sidor. Prestandaverktygen gav teamet tydliga insikter i hur modellerna kunde optimeras, vilket säkrade en smidig integration på alla enheter. Händelsesystemet gjorde det enkelt att sätta upp interaktiv rörelse, och de mångsidiga verktygen för material och belysning hjälpte till att förfina produktens utseende så att det kändes polerat och realistiskt på webben.

En av de mest utmärkande detaljerna? 3D-modellen av tänderna. För att visa skannern i arbete modellerade teamet naturtrogna tänder i Spline, en avgörande detalj som fick demon att kännas äkta.

Den uppmärksamheten på detaljer lyfte demon bortom en teknisk uppvisning. Genom att kombinera realism med interaktivitet skapade teamet en produktberättelse som kändes äkta, engagerande och direkt kopplad till hur tandläkare faktiskt skulle använda skannern.

Det var roligt men också avgörande. Eftersom skannerns syfte är att skanna tänder måste 3D-modellen se ut och kännas naturlig.

Integrationen med Webflow

KOJI-teamet förlitade sig på Spline för att väcka Ori Scan till liv och på Splines inbyggda Webflow-integration för att sömlöst föra in 3D-tillgångarna på webbplatsen.

Det gjorde det möjligt att kombinera scrollstyrda animationer med interaktiv 3D, så att besökarna kunde rotera och utforska skannern medan de rörde sig genom sidan.

Det är väldigt enkelt och snabbt. Tröskeln är låg: även juniordesigners kan kliva in och integrera 3D i Webflow.

Därför spelar interaktivitet roll

För Ori Scan handlade en interaktiv 3D-produktvisning inte bara om estetik. Det handlade om tydlighet och genomslag. Genom att låta kunderna scrolla genom produkten, rotera den och utforska dess funktioner i sitt sammanhang skapade de en upplevelse som gick långt bortom vad statiska foton eller video kan åstadkomma.

Interaktivitet förändrar allt. Den får produkten att kännas verklig. Och ännu viktigare: den hjälper kunden att berätta sin historia på ett sätt som känns nyskapande.

Kom igång med Spline

KOJI-teamet fortsätter att experimentera med Spline. För dem var det här projektet början på ett nytt kapitel, där 3D och interaktiv design inte bara är ”trevligt att ha” utan avgörande för att berätta produkternas historia.

Det är ett visuellt fantastiskt exempel på hur interaktivitet kan göra digital produktdesign till en upplevelse som känns verklig.

Kontakta sälj