Модель слишком тяжёлая для мобильного
Несколько десятков мегабайт текстур и геометрия без оптимизации: сцена грузится дольше минуты, и покупатель уходит раньше, чем увидит товар.
AR и VR в торговле
Даём покупателю примерить товар до того, как он его купит
Готовим трёхмерные модели товаров, показываем их в браузере через WebGL и открываем в дополненной реальности прямо со страницы карточки: AR Quick Look на iOS и Scene Viewer на Android. Задача не в эффекте, а в более уверенном решении о покупке и в снижении доли возвратов.
Или сразу: +7 (962) 368-39-51 Telegram
glTF
открытый формат моделей для веба
USDZ
модель для быстрого просмотра на iOS
360°
вращение товара без установки приложения
вес
модель открывается на мобильном интернете
Что мешает AR работать в магазине
Проблемы почти всегда одинаковые: контент дорогой, устройств много, а эффект никто не измеряет.
В дополненной реальности товар выглядит иначе
Сбитый масштаб, отсутствие теней и отражений, произвольный ракурс при запуске. Покупатель видит не то, что приедет, и доверие к карточке падает.
Контент некому производить
Модели заказывают у подрядчика поштучно и дорого, обновление ассортимента отстаёт. Для каталога в несколько тысяч позиций такой подход не масштабируется.
AR работает только на одной платформе
Сделано под iOS, а покупатели с Android не видят ничего. Или просмотр доступен только внутри мобильного приложения, которого у магазина нет.
Эффект нечем измерить
Не видно, сколько человек открыли трёхмерный просмотр и запустили примерку, как это связано с заказами и возвратами. Бюджет на контент уходит без отчётности.
VR-витрина как самоцель
Бюджет ушёл на виртуальный шоурум, куда почти никто не заходит: для него нужен шлем, а клиенты покупают с телефона в очереди. Эффекта нет, затраты остались.
Что мы делаем в AR-проекте
Производство контента, просмотр на сайте и работа с дополненной реальностью — одним циклом, с требованиями, которые можно передать подрядчику.
Производство 3D-контента
Модели, которые выглядят как товар и весят столько, сколько выдержит мобильный интернет.
- Моделирование и оптимизация геометрии под веб
- Фотограмметрия для сложных форм и фактур
- Съёмка 360 для вращения товара по горизонтали
- Единые требования к масштабу, материалам и освещению
Просмотр в браузере
Трёхмерный просмотр прямо в карточке, без плагинов и установки приложений.
- WebGL на three.js или react-three-fiber
- Сжатие геометрии и текстур, адаптивное качество
- Загрузка модели только при открытии блока просмотра
- Корректное поведение на слабых устройствах и старых браузерах
Дополненная реальность
Товар в реальном помещении: покупатель ставит мебель или прикладывает телефон к ноге.
- AR Quick Look для iOS и Scene Viewer для Android
- Запуск прямо со страницы товара, без мобильного приложения
- Одна модель-источник для обеих платформ
- Настройка масштаба, теней и стартовой точки размещения
Сценарии и измерение
Смысл появляется там, где трёхмерный просмотр влияет на решение о покупке.
- Примерка обуви и очков, расстановка мебели, обзор аксессуаров
- События аналитики: открытие 3D, запуск примеки, время просмотра
- Сопоставление с конверсией и долей возвратов по категории
- Расчёт стоимости контента на одну позицию и план производства
Как ставим 3D и AR
Начинаем с узкого пилота на нескольких товарах — он показывает реальную стоимость контента и реакцию покупателей.
-
01 1–2 недели
Аудит ассортимента
Определяем, для каких категорий трёхмерный просмотр и примерка дают эффект, а где только удорожают карточку. Считаем бюджет по числу позиций.
-
02 2–4 недели
Требования и пилот
Фиксируем технические требования к моделям, готовим несколько образцов и проверяем их на реальных устройствах и в разных браузерах.
-
03 4–10 недель
Производство и интеграция
Готовим модели, подключаем просмотр и AR к карточке товара, связываем с аналитикой и раздачей файлов через CDN.
-
04 3–6 недель
Замер и расширение
Смотрим конверсию и возвраты по товарам с трёхмерным просмотром, уточняем требования и масштабируем на остальной ассортимент.
Какой формат трёхмерной модели нужен магазину
Для веба и Android-устройств стандартом де-факто остаётся glTF, а его бинарная версия GLB удобнее для передачи одним файлом: она компактнее и быстрее читается. Для быстрого просмотра в дополненной реальности на iPhone и iPad используется USDZ — формат, который система открывает сразу из браузера.
Практический вывод прост: одну модель приходится держать в двух экспортных вариантах с одинаковыми пропорциями и материалами. Если этого не сделать, товар в каталоге и товар в примере будут отличаться по размеру, и покупатель потеряет доверие к карточке.
Из чего складывается стоимость 3D и AR в магазине
Основная статья — производство контента: моделирование, оптимизация геометрии, текстуры и материалы, проверка на устройствах. Фотограмметрия дешевле ручного моделирования для сложных фактур, но требует последующей чистки сетки и подготовки материалов.
Вторая статья — интеграция: просмотр в карточке, загрузка моделей через CDN, запуск AR на двух платформах, события аналитики. Третья — поддержка: новые позиции, сезонные коллекции, повторные съёмки. Стоимость считается на одну позицию, поэтому решение по ассортименту всегда принимается по категориям, а не целиком.
Когда AR не нужен и что делать вместо него
Дополненная реальность почти не даёт эффекта для товаров, у которых нет пространственных свойств: цифровые товары, услуги, продукты питания, книги. Здесь лучше вложиться в качественную съёмку с разных ракурсов и короткие видео — они дешевле и работают на всех устройствах.
Отдельно стоит быть осторожным с виртуальными шоурумами: они требуют шлема или мощного устройства и охватывают малую долю аудитории. Пилот с примеркой на нескольких товарах и последующим замером конверсии и возвратов обходится дешевле любого VR-проекта и даёт ответ за считанные недели.
Частые вопросы
Пилот на нескольких товарах с просмотром в карточке и запуском примерки занимает от четырёх до восьми недель, включая производство моделей и проверку на устройствах. Дальше каждая новая позиция добавляется быстрее, если требования к моделям зафиксированы, а конвейер съёмки и оптимизации отлажен.
Из производства моделей, оптимизации геометрии и текстур, подготовки отдельного экспорта для iOS и Android, интеграции просмотра в карточку товара, раздачи файлов через CDN и аналитики. Дальше идут регулярные расходы: новые коллекции, сезонные обновления и пересъёмка. Считаем стоимость на одну позицию.
Главный риск — тяжёлые модели, из-за которых просмотр не открывается на мобильном интернете. Второй — расхождение модели с реальным товаром по масштабу и цвету, что увеличивает, а не снижает возвраты. Третий — отсутствие замеров, когда бюджет потрачен, а влияние на конверсию неизвестно. Все три закрываются требованиями и аналитикой до масштабирования.
Выберите одну категорию с понятной пространственной логикой: мебель, обувь, сумки, аксессуары. Определите несколько самых посещаемых товаров и запустите на них пилот с просмотром и примеркой. Мы подготовим требования к моделям, сделаем образцы и настроим события аналитики, чтобы решение о расширении опиралось на цифры.
Premium e-commerce: другие направления
Смежные задачи, которые обычно решаются в одном проекте с этой.
Нужен AR в карточке товара?
Пришлите категорию и количество моделей — оценим стоимость контента, сроки пилота и требования к съёмке.