Jak Koji Studio pomocí Spline vytvořilo 3D prezentaci produktu

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.

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.

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á.

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.

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.

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ě.

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.

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í