# Hoe Koji Studio met Spline een 3D-productshowcase maakte - Spline customers (https://spline.design/nl/customers/koji-studio) > Koji Studio gebruikte Spline om statische productbeelden om te zetten in een 3D-productshowcase die op scrollen reageert: een boeiendere, gedenkwaardigere ervaring die de innovatie en het vakmanschap van hun klant laat zien. [Klanten](https://spline.design/nl/customers) 21 augustus 2025 · Klantverhaal · KOJI # Hoe Koji Studio met Spline een 3D-productshowcase maakte Koji Studio gebruikte Spline om statische productbeelden om te zetten in een 3D-productshowcase die op scrollen reageert: een boeiendere, gedenkwaardigere ervaring die de innovatie en het vakmanschap van hun klant laat zien. Toen Ori, een bedrijf in medische technologie, een website wilde lanceren voor zijn nieuwe 3D-tandscanner, was de uitdaging duidelijk: hoe breng je de precisie en innovatie van een fysiek apparaat over op een manier die online net zo innovatief aanvoelt? Het bedrijf wilde zijn nieuwe Ori Intraoral Scanner op de markt brengen: een 3D-tandscanner waarmee tandartsen in realtime zeer nauwkeurige digitale modellen van het gebit van patiënten vastleggen. Ze wilden verder gaan dan statische afbeeldingen en video’s om de technische vooruitgang van dit product aan hun klanten te laten zien, en schakelden KOJI Agency in als creatief team voor de productlancering. Het team van KOJI besloot de Spline-integratie in Webflow te gebruiken voor een interactieve digitale 3D-ervaring die de scanner op het web net zo tastbaar maakt als in de hand van een tandarts. De interactieve 3D-website van Ori Scan, die op scrollen reageert ## Een full-stack designteam dat nieuwe tools omarmt Het team van KOJI Agency achter de webaanwezigheid van Ori Scan bestond uit Pavel, Slava, Nikita en Liza, allemaal ervaren designers met veel klantprojecten op hun naam. Met meer dan 20 jaar ervaring in branding, identiteit en digitale ervaringen hebben ze van alles gebouwd, van modulaire advertentiesystemen tot meeslepende verhalende sites. Hun kracht is dat ze ‘full-stack designers’ zijn: ze combineren productdenken, visueel design, interactie en code. > We zijn altijd aan het onderzoeken, altijd op zoek naar nieuwe tools. Zo kwamen we bij Spline uit. **Slava Sheykin**, Full-Stack Designer bij KOJI ## Interactiviteit ontsluiten met Spline De leiding van Ori Scan wilde niet zomaar de zoveelste website voor een medisch product. Ze wilden een ervaring die zou opvallen bij hun publiek van tandartsen en zorgprofessionals. Het team van KOJI zag interactieve 3D als het beste medium om de innovatie van de scanner te laten zien, en ook de keuze voor Spline was weloverwogen. Bezoekers draaien en verkennen de scanner terwijl ze door de pagina gaan Het team wist dat het de flexibiliteit nodig had om snel te itereren, de prestaties te optimaliseren en het productontwerp van de scanner interactief te presenteren op alle apparaten. > Spline was overal in de designcommunity. Dit project was de perfecte gelegenheid om het eindelijk te gebruiken, en de naadloze integratie met Webflow maakte de keuze nog makkelijker. **Pavel Dergachev**, Founder & Creative Director bij KOJI ## Het designproces: van CAD en polygoonoptimalisatie tot een verfijnde webervaring Het proces begon met de technische CAD-bestanden van Ori Scan, die het bureau verfijnde en optimaliseerde voordat ze in Spline werden geïmporteerd. De workflow was iteratief: het team zocht steeds de balans tussen het aantal polygonen, de materialen en de belichting, voor een resultaat dat er mooi uitziet en soepel draait op het web. Spline bracht de technische en creatieve kant van het proces samen. De prestatietools gaven het team helder inzicht in de optimalisatie van modellen, voor een soepele integratie op alle apparaten. Met het eventsysteem was interactieve beweging eenvoudig op te zetten, en dankzij de veelzijdige tools voor materialen en belichting kreeg het product een verfijnde, realistische look op het web. 3D-modellen en de uiteindelijke mobiele implementatie Een van de opvallendste details? Het 3D-model van het gebit. Om de scanner in actie te laten zien, modelleerde het team in Spline natuurlijk ogende tanden: een essentieel detail dat de demo authentiek maakte. Door die aandacht voor detail werd de demo meer dan een technische showcase. Door realisme te combineren met interactiviteit maakte het team een productverhaal dat authentiek en boeiend aanvoelde en direct aansloot bij hoe tandartsen de scanner echt zouden gebruiken. > Het was leuk, maar ook cruciaal. De scanner is er om tanden te scannen, dus het 3D-model moest er natuurlijk uitzien en natuurlijk aanvoelen. **Liza Grin**, Digital Producer bij KOJI Van boven naar beneden: uiteindelijke implementatie, oorspronkelijke 3D-modellen en eerste opzet ## Integratie met Webflow Het team van KOJI vertrouwde op Spline om het product van Ori Scan tot leven te brengen en op de native Webflow-integratie van Spline om de 3D-assets naadloos in de website te verwerken. Zo konden scrollanimaties worden gecombineerd met interactieve 3D, waardoor bezoekers de scanner kunnen draaien en verkennen terwijl ze door de pagina gaan. > Het is heel makkelijk en snel. De leercurve is laag: zelfs junior designers kunnen instappen en 3D in Webflow integreren. De native Webflow-integratie van Spline ## Waarom interactiviteit ertoe doet Voor Ori Scan ging een interactieve 3D-productshowcase niet alleen om esthetiek, maar om helderheid en impact. Door klanten door het product te laten scrollen, het te laten draaien en de functies in context te laten verkennen, ontstond een ervaring die veel verder ging dan statische fotografie of video ooit zou kunnen. > Interactiviteit verandert alles. Het product voelt echt aan. En belangrijker nog: het helpt de klant zijn verhaal te vertellen op een manier die innovatief aanvoelt. ## Aan de slag met Spline Het team van KOJI blijft experimenteren met Spline. Voor hen was dit project het begin van een nieuw hoofdstuk, waarin 3D en interactief design geen ‘nice to have’ zijn, maar essentieel om productverhalen te vertellen. Het is een visueel prachtig voorbeeld van hoe interactiviteit digitaal productdesign kan omzetten in een ervaring die echt aanvoelt. [Neem contact op met sales](https://spline.design/nl/enterprise) ## Meer klantverhalen [13 april 2026 · KlantverhaalHoe Lynksen met Spline de website van een complex B2B-platform tot leven bracht](https://spline.design/nl/customers/lynksen)[2 maart 2026 · KlantverhaalHoe Onyx Coffee Lab interactieve 3D maakt voor e-commerce](https://spline.design/nl/customers/onyx-coffee-lab)[24 februari 2026 · KlantverhaalHoe Hermetica zijn fintechmerk naar een hoger niveau tilde met 3D-design](https://spline.design/nl/customers/hermetica) [Spline](https://spline.design/nl) De 3D- en 2D-editor voor teams en hun agents. Publiceer op het web, iOS en Android. #### Vraag AI naar Spline #### Producten - [3D-design](https://spline.design/nl/3d-design) - [Hana](https://spline.design/nl/hana) - [Omma](https://omma.build) - [3D genereren met AI](https://spline.design/nl/ai-generate) - [Spline MCP](https://spline.design/nl/mcp) - [Spline Arena](https://spline.design/nl/arena) - [Prijzen](https://spline.design/nl/pricing) - [Enterprise](https://spline.design/nl/enterprise) #### Runtimes - [Web](https://spline.design/nl/web) - [iOS](https://spline.design/nl/ios) - [Android](https://spline.design/nl/android) #### Apps - [Downloaden](https://spline.design/nl/download) - [Spline Mirror](https://spline.design/spline-mirror) - [Spline Mirror downloaden](https://spline.design/download-mirror) #### Leren - [Docs](https://docs.spline.design/) - [Academy](https://spline.design/nl/academy) - [Spline API](https://www.npmjs.com/package/@splinetool/runtime) - [Oplossingen](https://spline.design/solutions) #### Community - [Spline Community](https://community.spline.design) - [Blog](https://spline.design/nl/blog) - [Changelog](https://spline.design/nl/changelog) - [Onderwijs](https://spline.design/nl/education) - [Contra](https://spline.design/contra) - [Affiliates](https://spline.design/nl/affiliate) #### Bedrijf - [Klanten](https://spline.design/nl/customers) - [Vacatures](https://www.ycombinator.com/companies/spline/jobs) - [Beveiliging](https://spline.design/nl/security) #### Juridisch - [Algemene voorwaarden](https://spline.design/terms) - [Privacy](https://spline.design/privacy) #### Contact - [help@spline.design](mailto:help@spline.design) - [jobs@spline.design](mailto:jobs@spline.design) © 2026 - Spline, Inc.