ВитринаKinetic AudioСмотреть 360° Снимаем слои.
KineticKA-1 Kinetic AudioСлой 07 / 12 · магнитная система
05 / 07 · 2025 · 3D-витрина
Kinetic Audio
Запуск флагманских наушников: продукт разбирается на слои прямо во время скролла — от корпуса до драйвера.
- Клиент
- Производитель наушников
- Срок
- 10 недель
- Итог
- Разборка продукта на скролле
Концепт · 3D-продакшн · Разработка · Оптимизация
kinetic.audio/ka-1
Флагман 2025
Снимаем слои.
Слышим причину цены.
Двенадцать деталей на скролле. Цвет корпуса — сразу в Shopify.
₽ 64 900Купить
Flagship KA-1
Разборка на 12 слоёв
₽ 64 900В корзину
kinetic.audio/ka-1
05 · Ткань
06 · Алюминий
07 · Магнит
08 · Драйвер
Рабочий стол, телефон и второй экран того же продукта
- разборка корпуса на скролле
- 12 слоёв
- вес 3D-модели
- 1,1 МБ
- добавлений в корзину
- +54%
- среднее время на странице
- 4:10
- Задача
- Нужно было объяснить, почему наушники стоят как ноутбук, не используя ни одного рендера из презентации. Все конкуренты показывали одинаковые студийные фото.
- Решение
- Мы отсканировали инженерную модель и сделали 3D-«разборку»: скролл снимает слои — ткань, алюминий, магнитная система, драйвер — и подсвечивает деталь, о которой идёт речь. Цвета корпуса меняются в реальном времени, кнопка «купить» ведёт сразу в корзину Shopify с выбранным цветом. Модель весит 1,1 МБ благодаря Draco и загружается прогрессивно.
- Разборка на скролле
- Двенадцать слоёв продукта раскрываются по одному — каждая деталь получает свой момент.
- Цвет в реальном времени
- Материалы переключаются без перезагрузки модели; выбор передаётся в корзину.
- Быстро на телефоне
- Прогрессивная загрузка и упрощённая геометрия для мобильных — сцена стартует за 1,4 с.
Стек
- React Three Fiber
- Blender
- GLTF + Draco
- GSAP
- Shopify
Следующий разбор
Обсудить похожую задачу
Короткий бриф или слот на 30 минут. Смету пришлём через два дня.