Как Koji Studio создала 3D-витрину продукта в Spline

Когда медтех-компания Ori решила запустить сайт для своего нового 3D-сканера для стоматологии, задача была очевидной: как передать точность и инновационность физического устройства так, чтобы и онлайн это ощущалось так же новаторски?

Компания выводила на рынок новый внутриротовой сканер Ori Intraoral Scanner — 3D-устройство, которое помогает стоматологам в реальном времени получать высокоточные цифровые модели зубов пациентов.

Чтобы выйти за рамки статичных изображений и видео и показать клиентам технологичность продукта, компания пригласила агентство KOJI в качестве креативной команды для запуска.

Команда KOJI решила использовать интеграцию Spline с Webflow, чтобы создать интерактивный цифровой 3D-опыт, в котором сканер ощущается в вебе таким же осязаемым, как в руке стоматолога.

Full-stack дизайн-команда, открытая новым инструментам

В команду агентства KOJI, которая работала над сайтом Ori Scan, вошли Павел, Слава, Никита и Лиза — опытные дизайнеры, за плечами у каждого множество клиентских проектов.

За более чем 20 лет в брендинге, айдентике и цифровом опыте они создавали всё — от модульных рекламных систем до иммерсивных сайтов-историй.

Их сила в том, что они «full-stack дизайнеры»: сочетают продуктовое мышление, визуальный дизайн, взаимодействие и код.

Мы постоянно исследуем и ищем новые инструменты. Так мы и пришли к Spline.

Spline открывает интерактивность

Руководству Ori Scan не нужен был ещё один сайт медицинского продукта. Они хотели опыт, который выделится для их аудитории — стоматологов и медицинских специалистов.

Команда KOJI увидела в интерактивном 3D лучший способ подчеркнуть инновационность сканера, и выбор Spline был столь же осознанным.

Команда понимала, что ей нужна гибкость, чтобы быстро итерировать, оптимизировать производительность и интерактивно показывать дизайн сканера на любых устройствах.

Spline был повсюду в дизайн-сообществе. Этот проект стал идеальной возможностью наконец его попробовать, а бесшовная интеграция с Webflow сделала решение ещё проще.

Процесс дизайна: от CAD и оптимизации полигонов к отточенному веб-опыту

Работа началась с технических CAD-файлов Ori Scan, которые агентство доработало и оптимизировало, прежде чем перенести в Spline.

Процесс был итеративным: команда балансировала количество полигонов, материалы и освещение, чтобы найти равновесие между привлекательным результатом и плавной работой в вебе.

Spline объединил техническую и творческую стороны процесса. Инструменты производительности давали команде ясное понимание оптимизации модели и гарантировали плавную работу на всех устройствах. Система событий позволила легко настроить интерактивное движение, а гибкие инструменты материалов и освещения помогли отточить облик продукта, чтобы в вебе он выглядел безупречно и реалистично.

Одна из самых ярких деталей? 3D-модель зубов. Чтобы показать сканер в деле, команда смоделировала в Spline натуралистичные зубы — важный штрих, благодаря которому демо выглядело достоверно.

Такое внимание к деталям подняло демо выше простой технической демонстрации. Соединив реализм с интерактивностью, команда создала историю продукта — достоверную, увлекательную и напрямую связанную с тем, как стоматологи будут пользоваться сканером.

Это было весело, но и очень важно. Сканер нужен, чтобы сканировать зубы, поэтому 3D-модель должна была выглядеть и восприниматься естественно.

Интеграция с Webflow

Команда KOJI оживила продукт Ori Scan в Spline, а нативная интеграция Spline с Webflow позволила бесшовно перенести 3D-ассеты на сайт.

Так удалось соединить анимации при скролле с интерактивным 3D: посетители вращают и изучают сканер, двигаясь по странице.

Это очень просто и быстро. Порог входа низкий — даже джуниор-дизайнеры могут подключиться и встроить 3D в Webflow.

Почему интерактивность важна

Для Ori Scan интерактивная 3D-витрина продукта была не только про эстетику. Она была про ясность и впечатление. Позволив клиентам прокручивать продукт, вращать его и изучать функции в контексте, команда создала опыт, который выходит далеко за рамки возможностей статичной фотографии или видео.

Интерактивность меняет всё. Благодаря ей продукт ощущается настоящим. И что ещё важнее, она помогает клиенту рассказать свою историю так, чтобы это ощущалось новаторски.

Начните работать со Spline

Команда KOJI продолжает экспериментировать со Spline. Для них этот проект открыл новую главу, в которой 3D и интерактивный дизайн — не просто «приятное дополнение», а необходимая часть рассказа о продукте.

Это визуально потрясающий пример того, как интерактивность может превратить дизайн цифрового продукта в опыт, который ощущается реальным.

Связаться с отделом продаж