# Як Koji Studio створила 3D-презентацію продукту за допомогою Spline - Spline customers (https://spline.design/uk/customers/koji-studio) > Koji Studio за допомогою Spline перетворила статичні візуали продукту на 3D-презентацію з прокручуванням, створивши захопливіше враження, яке запам’ятовується й підкреслює інноваційність і майстерність клієнта. [Клієнти](https://spline.design/uk/customers) 21 серпня 2025 р. · Історія клієнта · KOJI # Як Koji Studio створила 3D-презентацію продукту за допомогою Spline Koji Studio за допомогою Spline перетворила статичні візуали продукту на 3D-презентацію з прокручуванням, створивши захопливіше враження, яке запам’ятовується й підкреслює інноваційність і майстерність клієнта. Коли медтехнологічна компанія Ori вирішила запустити сайт для свого нового стоматологічного 3D-сканера, виклик був очевидний: як передати точність та інноваційність фізичного пристрою так, щоб онлайн це відчувалося так само новаторськи? Компанія виводила на ринок свій новий пристрій Ori Intraoral Scanner — стоматологічний 3D-сканер, що допомагає стоматологам отримувати високоточні цифрові моделі зубів пацієнтів у реальному часі. Прагнучи вийти за межі статичних зображень і відео, щоб показати клієнтам технічну досконалість продукту, вони обрали агенцію KOJI творчою командою для запуску продукту. Команда KOJI вирішила скористатися інтеграцією Spline у Webflow, щоб створити інтерактивну 3D-презентацію, у якій сканер у вебі здається таким самим реальним, як у руці стоматолога. Інтерактивний 3D-сайт Ori Scan із прокручуванням ## Дизайн-команда повного циклу, відкрита до нових інструментів До команди агенції KOJI, що створила вебприсутність Ori Scan, входили Павел, Слава, Нікіта й Ліза — досвідчені дизайнери з безліччю клієнтських проєктів за плечима. Маючи понад 20 років досвіду в брендингу, айдентиці й цифровому досвіді, вони створювали все — від модульних рекламних систем до захопливих наративних сайтів. Їхня сила в тому, що вони «дизайнери повного циклу», які поєднують продуктове мислення, візуальний дизайн, взаємодію та код. > Ми постійно досліджуємо, постійно шукаємо нові інструменти. Так ми й прийшли до Spline. **Slava Sheykin**, Дизайнер повного циклу, KOJI ## Spline відкриває інтерактивність Керівництво Ori Scan не хотіло ще одного сайту медичного продукту. Їм потрібен був сайт, який вирізнятиметься для їхньої аудиторії стоматологів і медичних фахівців. Команда KOJI вважала інтерактивне 3D найкращим засобом, щоб підкреслити інноваційність сканера, і вибір Spline був так само свідомим. Відвідувачі сайту обертають і роздивляються сканер, рухаючись сторінкою Команда знала, що їй потрібна гнучкість, щоб швидко ітерувати, оптимізувати продуктивність та інтерактивно показувати дизайн сканера на всіх пристроях. > Spline був усюди в дизайн-спільноті. Цей проєкт став ідеальною нагодою нарешті ним скористатися, а безшовна інтеграція з Webflow зробила рішення ще простішим. **Pavel Dergachev**, Засновник і креативний директор, KOJI ## Процес дизайну: від CAD і оптимізації полігонів до відшліфованого вебдосвіду Процес почався з технічних CAD-файлів Ori Scan, які агенція доопрацювала й оптимізувала, перш ніж перенести в Spline. Робота йшла ітеративно: команда балансувала кількість полігонів, матеріали й освітлення, щоб досягти рівноваги між візуально привабливим результатом і плавною роботою у вебі. Spline поєднав технічну й творчу сторони процесу. Його інструменти продуктивності дали команді чітке розуміння оптимізації моделі, забезпечивши плавну інтеграцію на всіх пристроях. Система подій спростила налаштування інтерактивного руху, а універсальні інструменти матеріалів і освітлення допомогли відшліфувати вигляд продукту, щоб у вебі він виглядав досконало й реалістично. 3D-моделі та фінальна мобільна реалізація Одна з найпомітніших деталей? 3D-модель зубів. Щоб показати сканер у дії, команда змоделювала в Spline природні на вигляд зуби — і цей важливий штрих зробив демо переконливим. Така увага до деталей підняла демо вище за технічну презентацію. Поєднавши реалістичність з інтерактивністю, команда створила історію продукту, що відчувається правдивою, захопливою й безпосередньо пов’язаною з тим, як стоматологи насправді користуватимуться сканером. > Це було весело, але й критично важливо. Оскільки сканер призначений для сканування зубів, 3D-модель мала виглядати й відчуватися природно. **Liza Grin**, Цифровий продюсер, KOJI Згори донизу: фінальна реалізація, оригінальні 3D-моделі й початкова чернетка ## Інтеграція з Webflow Команда KOJI покладалася на Spline, щоб оживити продукт Ori Scan, і на нативну інтеграцію Spline з Webflow, щоб безшовно вбудувати 3D-ресурси в сайт. Так вдалося поєднати анімації прокручування з інтерактивним 3D, дозволивши відвідувачам обертати й роздивлятися сканер, рухаючись сторінкою. > Це дуже просто й швидко. Поріг входу низький — навіть молодші дизайнери можуть долучитися й інтегрувати 3D у Webflow. Нативна інтеграція Spline з Webflow ## Чому інтерактивність важлива Для Ori Scan інтерактивна 3D-презентація продукту була не лише про естетику. Ішлося про ясність і вплив. Давши клієнтам змогу прокручувати сторінку, обертати продукт і досліджувати функції в контексті, вони створили враження, що виходить далеко за межі можливостей статичних фото чи відео. > Інтерактивність змінює все. Завдяки їй продукт відчувається справжнім. А головне — вона допомагає клієнту розповісти свою історію так, що це відчувається новаторським. ## Почніть працювати зі Spline Команда KOJI продовжує експериментувати зі Spline. Для неї цей проєкт відкрив новий розділ, де 3D та інтерактивний дизайн — не просто «приємне доповнення», а необхідність для розповіді про продукт. Це візуально приголомшливий приклад того, як інтерактивність може перетворити дизайн цифрового продукту на враження, що здається справжнім. [Зв’язатися з відділом продажів](https://spline.design/uk/enterprise) ## Більше історій клієнтів [13 квітня 2026 р. · Історія клієнтаЯк Lynksen оживила сайт складної B2B-платформи за допомогою Spline](https://spline.design/uk/customers/lynksen)[2 березня 2026 р. · Історія клієнтаЯк Onyx Coffee Lab створює інтерактивне 3D для електронної комерції](https://spline.design/uk/customers/onyx-coffee-lab)[24 лютого 2026 р. · Історія клієнтаЯк Hermetica підняла свій фінтех-бренд на новий рівень за допомогою 3D-дизайну](https://spline.design/uk/customers/hermetica) [Spline](https://spline.design/uk) 3D- і 2D-редактор для команд та їхніх агентів. Публікуйте у вебі, на iOS та Android. #### Запитайте ШІ про Spline #### Продукти - [3D-дизайн](https://spline.design/uk/3d-design) - [Hana](https://spline.design/uk/hana) - [Omma](https://omma.build) - [3D-генерація зі ШІ](https://spline.design/uk/ai-generate) - [Spline MCP](https://spline.design/uk/mcp) - [Spline Arena](https://spline.design/uk/arena) - [Ціни](https://spline.design/uk/pricing) - [Для бізнесу](https://spline.design/uk/enterprise) #### Рантайми - [Web](https://spline.design/uk/web) - [iOS](https://spline.design/uk/ios) - [Android](https://spline.design/uk/android) #### Застосунки - [Завантажити](https://spline.design/uk/download) - [Spline Mirror](https://spline.design/spline-mirror) - [Завантажити Spline Mirror](https://spline.design/download-mirror) #### Навчання - [Docs](https://docs.spline.design/) - [Academy](https://spline.design/uk/academy) - [Spline API](https://www.npmjs.com/package/@splinetool/runtime) - [Рішення](https://spline.design/solutions) #### Спільнота - [Спільнота Spline](https://community.spline.design) - [Blog](https://spline.design/uk/blog) - [Що нового](https://spline.design/uk/changelog) - [Освіта](https://spline.design/uk/education) - [Contra](https://spline.design/contra) - [Партнерська програма](https://spline.design/uk/affiliate) #### Компанія - [Клієнти](https://spline.design/uk/customers) - [Вакансії](https://www.ycombinator.com/companies/spline/jobs) - [Безпека](https://spline.design/uk/security) #### Правова інформація - [Умови використання](https://spline.design/terms) - [Конфіденційність](https://spline.design/privacy) #### Контакти - [help@spline.design](mailto:help@spline.design) - [jobs@spline.design](mailto:jobs@spline.design) © 2026 - Spline, Inc.