# Jak Koji Studio pomocí Spline vytvořilo 3D prezentaci produktu - Spline customers (https://spline.design/cs/customers/koji-studio) > Koji Studio pomocí Spline proměnilo statické produktové vizuály ve 3D prezentaci produktu řízenou scrollováním a vytvořilo poutavější a zapamatovatelnější zážitek, který vyzdvihuje inovace a řemeslo jeho klienta. [Zákazníci](https://spline.design/cs/customers) 21\. srpna 2025 · Příběh zákazníka · KOJI # Jak Koji Studio pomocí Spline vytvořilo 3D prezentaci produktu Koji Studio pomocí Spline proměnilo statické produktové vizuály ve 3D prezentaci produktu řízenou scrollováním a vytvořilo poutavější a zapamatovatelnější zážitek, který vyzdvihuje inovace a řemeslo jeho klienta. Když se společnost Ori, která se zabývá zdravotnickými technologiemi, chystala spustit web pro svůj nový 3D dentální skener, výzva byla jasná: jak sdělit přesnost a inovativnost fyzického zařízení tak, aby online působila stejně inovativně? Společnost chtěla uvést na trh své nové zařízení Ori Intraoral Scanner – 3D dentální skener, který zubním lékařům pomáhá v reálném čase pořizovat vysoce přesné digitální modely zubů pacientů. Chtěla jít dál než ke statickým obrázkům a videím a ukázat zákazníkům technický náskok produktu, a tak si jako kreativní tým pro uvedení produktu vybrala agenturu KOJI. Tým KOJI se rozhodl využít integraci Spline ve Webflow a vytvořit interaktivní 3D digitální zážitek, díky kterému skener působí na webu stejně hmatatelně jako v ruce zubaře. Interaktivní 3D web Ori Scan řízený scrollováním ## Full-stack designový tým, který vítá nové nástroje Tým agentury KOJI, který stojí za webovou prezentací Ori Scan, tvořili Pavel, Slava, Nikita a Liza – zkušení designéři s mnoha klientskými projekty za sebou. S více než 20 lety zkušeností v brandingu, identitě a digitálních zážitcích postavili vše od modulárních reklamních systémů po pohlcující narativní weby. Jejich síla spočívá v tom, že jsou „full-stack designéři“ – spojují produktové myšlení, vizuální design, interakce a kód. > Pořád zkoumáme, pořád se snažíme najít nové nástroje. Tak jsme narazili na Spline. **Slava Sheykin**, Full-stack designér, KOJI ## Spline jako klíč k interaktivitě Vedení Ori Scan nechtělo jen další web zdravotnického produktu. Chtělo zážitek, který zaujme jeho publikum – zubní lékaře a zdravotnické profesionály. Tým KOJI viděl v interaktivním 3D nejlepší médium, jak vyzdvihnout inovativnost skeneru, a volba Spline byla stejně promyšlená. Návštěvníci webu skenerem otáčejí a prozkoumávají ho, zatímco procházejí stránku Tým věděl, že potřebuje flexibilitu, aby mohl rychle iterovat, optimalizovat výkon a interaktivně prezentovat design skeneru na všech zařízeních. > Spline byl v designové komunitě všude. Tento projekt byl ideální příležitostí ho konečně použít a plynulá integrace s Webflow nám rozhodnutí ještě usnadnila. **Pavel Dergachev**, Zakladatel a kreativní ředitel, KOJI ## Designový proces: od CAD a optimalizace polygonů k vyladěnému webovému zážitku Proces začal technickými CAD soubory Ori Scan, které agentura upravila a optimalizovala, než je přenesla do Spline. Postup byl iterativní – vyvažoval počet polygonů, materiály a osvětlení tak, aby výsledek vizuálně zaujal a zároveň plynule běžel na webu. Spline propojil technickou a kreativní stránku procesu. Jeho nástroje pro výkon dávaly týmu jasný přehled o optimalizaci modelu a zajistily plynulou integraci na všech zařízeních. Systém událostí usnadnil nastavení interaktivního pohybu a všestranné nástroje pro materiály a osvětlení pomohly vyladit vzhled produktu, aby na webu působil dokonale a realisticky. 3D modely a finální mobilní implementace Jeden z nejvýraznějších detailů? 3D model zubů. Aby tým ukázal skener v akci, vymodeloval ve Spline přirozeně vypadající zuby – zásadní detail, díky kterému ukázka působila autenticky. Tato péče o detail pozvedla ukázku nad rámec technické prezentace. Spojením realismu s interaktivitou vytvořil tým produktový příběh, který působil autenticky, poutavě a přímo souvisel s tím, jak budou zubaři skener skutečně používat. > Byla to zábava, ale zároveň to bylo zásadní. Protože skener slouží ke skenování zubů, 3D model musel vypadat a působit přirozeně. **Liza Grin**, Digitální producentka, KOJI Shora dolů: finální implementace, původní 3D modely a první návrh ## Integrace s Webflow Tým KOJI se při oživení produktu Ori Scan opřel o Spline a o jeho nativní integraci s Webflow, díky které 3D assety plynule zapracoval do webu. Díky tomu mohl propojit animace řízené scrollováním s interaktivním 3D, takže návštěvníci mohli skenerem otáčet a prozkoumávat ho, zatímco procházeli stránku. > Je to velmi jednoduché a rychlé. Křivka učení je mírná, i junior designéři se mohou zapojit a integrovat 3D do Webflow. Nativní integrace Spline s Webflow ## Proč na interaktivitě záleží Pro Ori Scan nebyla interaktivní 3D prezentace produktu jen otázkou estetiky. Šlo o srozumitelnost a dopad. Díky tomu, že zákazníci mohou produktem scrollovat, otáčet jím a prozkoumávat jeho funkce v kontextu, vznikl zážitek, který dalece přesahuje možnosti statické fotografie nebo videa. > Interaktivita mění všechno. Díky ní produkt působí skutečně. A co je důležitější, pomáhá klientovi vyprávět jeho příběh způsobem, který působí inovativně. ## Začněte se Spline Tým KOJI se Spline dál experimentuje. Tento projekt pro ně otevřel novou kapitolu, ve které 3D a interaktivní design nejsou jen „příjemný bonus“, ale nezbytná součást vyprávění produktových příběhů. Je to vizuálně ohromující příklad toho, jak interaktivita dokáže proměnit digitální produktový design v zážitek, který působí skutečně. [Kontaktovat obchodní oddělení](https://spline.design/cs/enterprise) ## Další příběhy zákazníků [13\. dubna 2026 · Příběh zákazníkaJak Lynksen pomocí Spline oživil web složité B2B platformy](https://spline.design/cs/customers/lynksen)[2\. března 2026 · Příběh zákazníkaJak Onyx Coffee Lab tvoří interaktivní 3D pro e-commerce](https://spline.design/cs/customers/onyx-coffee-lab)[24\. února 2026 · Příběh zákazníkaJak Hermetica pozvedla svou fintech značku díky 3D designu](https://spline.design/cs/customers/hermetica) [Spline](https://spline.design/cs) 3D a 2D editor pro týmy a jejich agenty. Publikujte na web, iOS i Android. #### Zeptejte se AI na Spline #### Produkty - [3D design](https://spline.design/cs/3d-design) - [Hana](https://spline.design/cs/hana) - [Omma](https://omma.build) - [Generování 3D pomocí AI](https://spline.design/cs/ai-generate) - [Spline MCP](https://spline.design/cs/mcp) - [Spline Arena](https://spline.design/cs/arena) - [Ceník](https://spline.design/cs/pricing) - [Enterprise](https://spline.design/cs/enterprise) #### Runtimy - [Web](https://spline.design/cs/web) - [iOS](https://spline.design/cs/ios) - [Android](https://spline.design/cs/android) #### Aplikace - [Stáhnout](https://spline.design/cs/download) - [Spline Mirror](https://spline.design/spline-mirror) - [Stáhnout Spline Mirror](https://spline.design/download-mirror) #### Výuka - [Docs](https://docs.spline.design/) - [Academy](https://spline.design/cs/academy) - [Spline API](https://www.npmjs.com/package/@splinetool/runtime) - [Řešení](https://spline.design/solutions) #### Komunita - [Komunita Spline](https://community.spline.design) - [Blog](https://spline.design/cs/blog) - [Novinky](https://spline.design/cs/changelog) - [Vzdělávání](https://spline.design/cs/education) - [Contra](https://spline.design/contra) - [Partnerský program](https://spline.design/cs/affiliate) #### Společnost - [Zákazníci](https://spline.design/cs/customers) - [Kariéra](https://www.ycombinator.com/companies/spline/jobs) - [Zabezpečení](https://spline.design/cs/security) #### Právní informace - [Obchodní podmínky](https://spline.design/terms) - [Ochrana soukromí](https://spline.design/privacy) #### Kontakt - [help@spline.design](mailto:help@spline.design) - [jobs@spline.design](mailto:jobs@spline.design) © 2026 - Spline, Inc.