Покупка декоративной косметики онлайн часто оборачивается разочарованием: цвет помады на экране не совпадает с реальным тоном кожи. Ритейлеры теряют до 42% потенциальной выручки из-за страха клиентов ошибиться с выбором. Студия ZORKA разработала клиентский AR-модуль с AI-рекомендациями, который запускается в браузере за 0.9 секунды и удерживает клиентов.
Слепая покупка косметики: почему плоские фильтры убивают доверие к бренду
Классический e-commerce в бьюти-сфере упирается в проблему цветопередачи экранов и разницу подтонов кожи. Покупательницы заказывают наугад, получают неподходящий оттенок и оформляют возврат либо уходят к конкурентам в офлайн. Стандартные 2D-наложения поверх фото не работают, создавая неестественный эффект клоунской маски.
Мы в ZORKA изучили поведение 40 000 пользователей крупного косметического ритейлера перед стартом разработки. Погрешность в полутон снижала вероятность повторного заказа на 54%. Бизнесу требовался точный инструмент примерки, работающий прямо на мобильном сайте без установки сторонних приложений из App Store.
Откажитесь от тяжелых нативных приложений ради примерки. Пользователи не скачивают 150 Мб ради одного блеска для губ, решение обязано работать в Safari и Chrome.
Клиентский трекинг на 468 точек: перенос вычислений в браузер через WebAssembly
Большинство облачных AR-решений отправляют видеопоток на сервер, генерируя задержку от 400 до 900 миллисекунд. Такой лаг вызывает у пользователя отторжение и перегружает инфраструктуру ритейлера счетами за видеокарты. Команда ZORKA построила архитектуру на базе легковесной модели MediaPipe Face Mesh, скомпилированной в WebAssembly с SIMD-ускорением.
Все вычисления геометрии лица и рендеринг происходят строго на процессоре смартфона клиента. Это гарантирует нулевые расходы на аренду GPU-серверов при посещаемости свыше 120 000 сессий в сутки. При этом личные биометрические данные и видеопоток с камеры не покидают устройство покупателя, соблюдая требования 152-ФЗ.
Локальный инференс в браузере экономит бьюти-сетям от 450 000 рублей ежемесячно на серверных мощностях и исключает риск утечки видеопотока клиентов.
Шейдерный PBR-пайплайн: честная физика текстур помад, сатина и шиммера
Главный вызов виртуального визажиста - передача текстуры продукта, а не просто заливка губ сплошным цветом. Обычный RGB-код выглядит чужеродно, ведь матовая помада поглощает свет, а глянцевый тинт дает зеркальные блики. Инженеры ZORKA создали кастомные WebGL-шейдеры с поддержкой физически корректного рендеринга (PBR).
Алгоритм динамически считывает уровень окружающего освещения с фронтальной камеры и корректирует экспозицию бликов. Шейдер раздельно считает диффузный слой, подповерхностное рассеивание света (SSS) для имитации живой кожи и карту микронеровностей. В результате текстура шиммера мерцает строго по направлению поворота головы со стабильными 60 FPS.
Разделяйте параметры шероховатости (Roughness) и металличности (Metalness) в материалах. Без раздельного расчета блеск для губ визуально превращается в фольгу.
AI-визажист и рост LTV: как точный подбор возвращает клиентов за покупками
Виртуальная примерка косметики работает в связке с рекомендательной моделью, обученной на колористических таблицах визажистов. Нейросеть сканирует тон кожи, цвет радужки глаз и контрастность внешности, определяя индивидуальный цветотип за 1.2 секунды. Система не просто показывает помаду, а выдает готовый персональный сет из 4 продуктов.
После запуска модуля средний чек в ритейл-магазине вырос на 38%, а возвраты товара сократились в 3.4 раза. Клиентки сохраняют свой цифровой профиль внешности в личном кабинете и возвращаются за сезонными капсулами. Метрика повторных заказов увеличилась на 67% на дистанции первых 90 дней использования ассистента.
Инвестиции в разработку кастомного AR-модуля окупились за 3.5 месяца за счет резкого снижения доли отказов в чекауте и сокращения логистических затрат на возвраты.
- Ежемесячная абонентская плата от 600 000 рублей без передачи исходного кода ритейлеру
- Передача видеопотока на внешние серверы с задержкой 500-800 мс и угрозой утечек биометрии
- Плоские однотонные маски без учета микрорельефа губ, подтона кожи и окружающего освещения
- Просадка FPS до 18-24 кадров на смартфонах среднего ценового сегмента и перегрев батареи
- Полная передача исходного кода клиенту без регулярных лицензионных платежей за подписку
- Автономный инференс через WebAssembly прямо в браузере с нулевой нагрузкой на бэкенд
- Кастомные WebGL-шейдеры с реалистичной физикой глянца, матовых помад и металлического шиммера
- Стабильная частота 60 FPS на устройствах от 2019 года выпуска благодаря оптимизации батчинга
- лабораторный замер светоотражения 120 артикулов
- создание шейдерных пресетов под типы финишей
- компиляция детектора ключевых точек в WebAssembly
- обучение классификатора цветотипов на базе ResNet
- бесшовное встраивание модуля в карточку товара на Next.js
- связка с корзиной и системой лояльности Mindbox
- профилирование GPU-памяти на бюджетных Android-устройствах
- запуск A/B-тестирования на живом трафике ритейлера
Часто задаваемые вопросы
Алгоритм ZORKA считывает среднюю цветовую температуру и яркость сцены с веб-камеры в реальном времени. Шейдер автоматически компенсирует желтый комнатный свет или глубокие тени, нормализуя освещение лица перед наложением текстуры. За счет этого оттенок помады отображается ровно так, как он будет выглядеть при естественном дневном свете.
Суммарный вес сжатого WASM-бинарника и нейросетевых весов составляет всего 1.8 Мб. Модуль подгружается асинхронно только при нажатии кнопки виртуальной примерки в карточке товара. Основные метрики Core Web Vitals (LCP, FID, CLS) остаются в зеленой зоне без потери позиций в поисковой выдаче.
Мы подключаем модуль к вашей CMS или PIM-системе через открытый API. Контент-менеджер задает цвет в HEX, выбирает тип финиша из выпадающего списка (матовый, сатин, глянец, глиттер) и указывает плотность пигмента. Новая линейка косметики появляется в AR-зеркале сразу после публикации товара в каталоге.
Да, система сегментирует зоны щек, лба и подбородка, определяя плотность покрытия продукта. Модуль мягко сглаживает пигментацию и поры в соответствии с физическими характеристиками крема, сохраняя естественную мимику и микроструктуру кожи без замыливания картинки.
Хотите внедрить AR-примерку косметики в ваш интернет-магазин?
Инженеры ZORKA оценят ваш каталог, продемонстрируют прототип шейдеров на реальных товарах и рассчитают фиксированную смету запуска за 2 дня.