Emodely — 3D-модели и визуализация для e-commerce и маркетплейсов

Делаем товары «осязаемыми» на экране: аккуратные PBR-материалы, чистая геометрия, небольшой «вес» и корректный свет, чтобы модель быстро грузилась и красиво смотрелась в браузере и AR.

PBR GLB/USDZ WebGL AR Фотограмметрия

Как превратить товар в 3D-опыт: от исходников до магазина

Обновлено: 2025 • Домен: emodely.shop

3D в e-commerce — не про «эффект вау», а про ощутимую пользу: меньше возвратов, больше уверенности и выше конверсия в корзину, когда покупатель может крутить товар, приближать фактуру и примерять в AR. Основа — исходные данные. Идеальный комплект — технический чертёж или CAD и набор фотографий при ровном свете с клином экспозиции; если CAD нет, выручает фотограмметрия: серия снимков по дугам с перекрытием 70–80% и «чистым» фоном даёт плотное облако точек. Дальше начинается инженерия. Меш должен быть «чистым»: без самопересечений, с корректными нормалями, UV без растяжений и видимых швов на лицевой стороне. Ретопология нужна не «по моде», а для того, чтобы модель держала низкий полигонаж и при этом хорошо сглаживалась на близких планах; норма для каталога — десятки тысяч трисов, а не миллионы. PBR-материалы — это не просто «красиво», это физически правдоподобно: базовый цвет, металлическость, шероховатость, нормали, иногда — высота/окклюзия, где это оправдано. Свет — практичный: HDRI с мягкими источниками и контролируемыми отражениями, без «чёрных дыр» в тенях и без «горячих пикселей» на полированной фурнитуре. Мы всегда держим в голове конечные платформы: мобильный WebGL капризен к шейдерам и текстурам выше 4K, а AR-движки любят аккуратный центр масс, реальный масштаб и оси, согласованные со сценой. Проверка — чек-лист: вес файлов, число материалов, общее число текстур и их размеры, наличие LOD и fallback-картинок (turntable GIF или PNG) для страниц, где 3D отключён. Хорошая модель — это та, которую легко внедрить: она не требует «танцев с бубном» от разработчика и выглядит стабильно при дневном и тёмном оформлении карточки товара.

Производственный конвейер строится вокруг предсказуемости. Сначала бриф: артикулы, вариации (цвета/фурнитура), приоритетные ракурсы и требования маркетплейса (ограничения по весу, материалам и размерам текстур). Затем сбор исходников и тестовый «эталон» — один товар, который проходит весь цикл: моделинг → материалы → лайтинг → оптимизация → экспорт → интеграция на тестовой карточке. На этом этапе мы фиксируем нюансы: например, как сильно «читает» сатиновая ткань при яркости 90%, где лучше свернуть UV, чтобы шов не попал в «геройский» ракурс, и какая степень блеска «продаёт» керамическую глазурь. После эталона масштабируем: пакеты по 10–50 SKU с повторяющимися деталями ускоряются за счёт библиотек материалов и конфигураторов. Важно заранее договориться об уровне детализации: то, что оправдано для мебели (фаски, стык шпона, дефекты пор), избыточно для расходников; наоборот, на ювелирке критичны микрофаски и аккуратные карты нормалей. Оптимизация — не в конце, а идущая «красной нитью»: следим за draw calls (сливаем материалы, где можно), уменьшаем количество отдельных сеток, используем атласы текстур, проверяем MIP-уровни на мобильных. Экспорт — GLB/GLTF для WebGL и USDZ для AR в экосистеме Apple; именование — машинное (sku_variant_lod0.glb), чтобы интеграторам было просто. Интеграция — это ещё и маркетинг: на карточке нужны подсказки «поверните/приблизьте», светлая и тёмная подложки для разных тем, превью-постер без «шумного» фона. И да, 3D — не замена фото: мы оставляем 1–2 «живых» кадра с реальным шумом и мягкими тенями, потому что людям по-прежнему важен «реальный» взгляд. Стабильный конвейер снимает издержки и делает 3D не экспериментом, а штатным инструментом продаж.

Качество 3D измеримо. Мы оцениваем «три фронта»: визуальный, технический и коммерческий. Визуальный — совпадение с референтом по цвету (под серая карта), фактуре (микро-шероховатость, блеск), геометрии (контрольные габариты в миллиметрах) и поведению света (рефлексы и рассеяние). Технический — валидность сцены: нет ли дублей материалов, битых ссылок на текстуры, некорректных UV, «инфинити» значений в трансформациях, лишних вершинов; плюс размеры файлов, количество draw calls и стабильность FPS на целевых устройствах. Коммерческий — метрики карточки: CTR превью, глубина взаимодействия (вращение/zoom), конверсия в корзину и возвраты в динамике до/после внедрения 3D. Мы не стесняемся «разговаривать цифрами»: если AR для категории «столы» даёт +X% к добавлениям в корзину, а для «ламп» — не даёт, это не провал, а знание — значит, в одной категории решает масштаб и посадка, а в другой — важнее «живые» фото. Безопасность и юридическая чистота — тоже часть качества: для моделей, созданных по CAD и реальным образцам, мы фиксируем права и источники, для сканов — исключаем защищённую символику и брендинг, где нет лицензии. Поддержка после сдачи — это обновления материалов, если меняются требования маркетплейсов, помощь интеграторам с «тонкими местами» и подготовка «лайт»-версий для акций. Вся экосистема работает, когда у клиента остаётся ощущение простоты: нажать «добавить 3D к SKU», видеть понятные статусы и получать файлы, которые «заводятся» без магии. Именно это мы называем «честным 3D» — не ярмарка эффектов, а ясный сервис, измеримый результат и модели, которые продают, а не тормозят.

Что мы делаем

Моделинг + PBR

Чистая геометрия, аккуратные UV и правдоподобные материалы. Готово к WebGL/AR.

Скан + ретопология

Фотограмметрия для сложных фактур, оптимизация до «магазинного» веса.

Экспорт и интеграция

GLB/GLTF, USDZ, атласы текстур, постеры и чек-лист внедрения на карточке товара.

Конфигураторы

Вариации цвета/фурнитуры и переключение материалов без перегруза сцены.

FAQ

Сколько «весит» одна модель?

Для каталога целимся в 2–8 МБ на GLB (LOD0), с атласами 2K–4K. Для AR-USDZ — по задаче.

Нужны ли фотографии?

Да. Даже при наличии CAD фото помогают валидировать цвет и микрофактуру, а также собрать «живые» постеры.

Работает ли это на мобильных?

Да. Мы проверяем сцены на популярных смартфонах и используем оптимизации под WebGL/AR.