# Как Koji Studio создала 3D-витрину продукта в Spline - Spline customers (https://spline.design/ru/customers/koji-studio) > Koji Studio с помощью Spline превратила статичные визуалы продукта в 3D-витрину со скроллом — более увлекательный и запоминающийся опыт, который подчёркивает инновационность и мастерство клиента. [Клиенты](https://spline.design/ru/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 со скроллом ## Full-stack дизайн-команда, открытая новым инструментам В команду агентства KOJI, которая работала над сайтом Ori Scan, вошли Павел, Слава, Никита и Лиза — опытные дизайнеры, за плечами у каждого множество клиентских проектов. За более чем 20 лет в брендинге, айдентике и цифровом опыте они создавали всё — от модульных рекламных систем до иммерсивных сайтов-историй. Их сила в том, что они «full-stack дизайнеры»: сочетают продуктовое мышление, визуальный дизайн, взаимодействие и код. > Мы постоянно исследуем и ищем новые инструменты. Так мы и пришли к Spline. **Slava Sheykin**, Full-stack дизайнер, 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 оживила продукт Ori Scan в Spline, а нативная интеграция Spline с Webflow позволила бесшовно перенести 3D-ассеты на сайт. Так удалось соединить анимации при скролле с интерактивным 3D: посетители вращают и изучают сканер, двигаясь по странице. > Это очень просто и быстро. Порог входа низкий — даже джуниор-дизайнеры могут подключиться и встроить 3D в Webflow. Нативная интеграция Spline с Webflow ## Почему интерактивность важна Для Ori Scan интерактивная 3D-витрина продукта была не только про эстетику. Она была про ясность и впечатление. Позволив клиентам прокручивать продукт, вращать его и изучать функции в контексте, команда создала опыт, который выходит далеко за рамки возможностей статичной фотографии или видео. > Интерактивность меняет всё. Благодаря ей продукт ощущается настоящим. И что ещё важнее, она помогает клиенту рассказать свою историю так, чтобы это ощущалось новаторски. ## Начните работать со Spline Команда KOJI продолжает экспериментировать со Spline. Для них этот проект открыл новую главу, в которой 3D и интерактивный дизайн — не просто «приятное дополнение», а необходимая часть рассказа о продукте. Это визуально потрясающий пример того, как интерактивность может превратить дизайн цифрового продукта в опыт, который ощущается реальным. [Связаться с отделом продаж](https://spline.design/ru/enterprise) ## Другие истории клиентов [13 апреля 2026 г. · История клиентаКак Lynksen оживила сайт сложной B2B-платформы с помощью Spline](https://spline.design/ru/customers/lynksen)[2 марта 2026 г. · История клиентаКак Onyx Coffee Lab создаёт интерактивное 3D для электронной коммерции](https://spline.design/ru/customers/onyx-coffee-lab)[24 февраля 2026 г. · История клиентаКак Hermetica подняла свой финтех-бренд на новый уровень с помощью 3D-дизайна](https://spline.design/ru/customers/hermetica) [Spline](https://spline.design/ru) 3D- и 2D-редактор для команд и их агентов. Публикуйте в веб, на iOS и Android. #### Спросите ИИ о Spline #### Продукты - [3D-дизайн](https://spline.design/ru/3d-design) - [Hana](https://spline.design/ru/hana) - [Omma](https://omma.build) - [Генерация 3D с ИИ](https://spline.design/ru/ai-generate) - [Spline MCP](https://spline.design/ru/mcp) - [Spline Arena](https://spline.design/ru/arena) - [Цены](https://spline.design/ru/pricing) - [Enterprise](https://spline.design/ru/enterprise) #### Рантаймы - [Web](https://spline.design/ru/web) - [iOS](https://spline.design/ru/ios) - [Android](https://spline.design/ru/android) #### Приложения - [Скачать](https://spline.design/ru/download) - [Spline Mirror](https://spline.design/spline-mirror) - [Скачать Spline Mirror](https://spline.design/download-mirror) #### Обучение - [Docs](https://docs.spline.design/) - [Academy](https://spline.design/ru/academy) - [Spline API](https://www.npmjs.com/package/@splinetool/runtime) - [Решения](https://spline.design/solutions) #### Сообщество - [Сообщество Spline](https://community.spline.design) - [Blog](https://spline.design/ru/blog) - [Что нового](https://spline.design/ru/changelog) - [Образование](https://spline.design/ru/education) - [Contra](https://spline.design/contra) - [Партнёрам](https://spline.design/ru/affiliate) #### Компания - [Клиенты](https://spline.design/ru/customers) - [Вакансии](https://www.ycombinator.com/companies/spline/jobs) - [Безопасность](https://spline.design/ru/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.