# Så använde Koji Studio Spline för att leverera en 3D-produktvisning - Spline customers (https://spline.design/sv/customers/koji-studio) > Koji Studio använde Spline för att göra statiska produktbilder till en scrollstyrd 3D-produktvisning – en mer engagerande och minnesvärd upplevelse som lyfter fram kundens innovation och hantverk. [Kunder](https://spline.design/sv/customers) 21 augusti 2025 · Kundberättelse · KOJI # Så använde Koji Studio Spline för att leverera en 3D-produktvisning Koji Studio använde Spline för att göra statiska produktbilder till en scrollstyrd 3D-produktvisning – en mer engagerande och minnesvärd upplevelse som lyfter fram kundens innovation och hantverk. 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. Ori Scans scrollstyrda, interaktiva 3D-webbplats ## 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. **Slava Sheykin**, Full-Stack Designer på KOJI ## 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. Besökarna roterar och utforskar skannern medan de rör sig genom sidan 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. **Pavel Dergachev**, Grundare och Creative Director på KOJI ## 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. 3D-modeller och den färdiga mobilversionen 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. **Liza Grin**, Digital Producer på KOJI Uppifrån och ned: den färdiga versionen, de ursprungliga 3D-modellerna och det första utkastet ## 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. Splines inbyggda Webflow-integration ## 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](https://spline.design/sv/enterprise) ## Fler kundberättelser [13 april 2026 · KundberättelseSå väckte Lynksen en komplex B2B-plattforms webbplats till liv med Spline](https://spline.design/sv/customers/lynksen)[2 mars 2026 · KundberättelseSå skapar Onyx Coffee Lab interaktiv 3D för e-handel](https://spline.design/sv/customers/onyx-coffee-lab)[24 februari 2026 · KundberättelseSå lyfte Hermetica sitt fintechvarumärke med 3D-design](https://spline.design/sv/customers/hermetica) [Spline](https://spline.design/sv) 3D- och 2D-editorn för team och deras agenter. Publicera på webben, iOS och Android. #### Fråga AI om Spline #### Produkter - [3D-design](https://spline.design/sv/3d-design) - [Hana](https://spline.design/sv/hana) - [Omma](https://omma.build) - [3D-generering med AI](https://spline.design/sv/ai-generate) - [Spline MCP](https://spline.design/sv/mcp) - [Spline Arena](https://spline.design/sv/arena) - [Priser](https://spline.design/sv/pricing) - [Företag](https://spline.design/sv/enterprise) #### Runtimes - [Web](https://spline.design/sv/web) - [iOS](https://spline.design/sv/ios) - [Android](https://spline.design/sv/android) #### Appar - [Ladda ner](https://spline.design/sv/download) - [Spline Mirror](https://spline.design/spline-mirror) - [Ladda ner Spline Mirror](https://spline.design/download-mirror) #### Lär dig - [Docs](https://docs.spline.design/) - [Academy](https://spline.design/sv/academy) - [Spline API](https://www.npmjs.com/package/@splinetool/runtime) - [Lösningar](https://spline.design/solutions) #### Community - [Spline Community](https://community.spline.design) - [Blog](https://spline.design/sv/blog) - [Ändringslogg](https://spline.design/sv/changelog) - [Utbildning](https://spline.design/sv/education) - [Contra](https://spline.design/contra) - [Affiliate](https://spline.design/sv/affiliate) #### Företaget - [Kunder](https://spline.design/sv/customers) - [Karriär](https://www.ycombinator.com/companies/spline/jobs) - [Säkerhet](https://spline.design/sv/security) #### Juridik - [Villkor](https://spline.design/terms) - [Integritet](https://spline.design/privacy) #### Kontakt - [help@spline.design](mailto:help@spline.design) - [jobs@spline.design](mailto:jobs@spline.design) © 2026 - Spline, Inc.