Дополненная реальность в eCom: виртуальная примерка одежды, обуви, косметики и дизайн интерьера

Технологии дополненной реальности на службе ритейла, AR примерка для E-com — разработка мобильного приложения от трёх месяцев. Пишите нам!

Дополненная реальность в eCom: виртуальная примерка одежды, обуви, косметики и дизайн интерьера

Дополненная реальность в eCom: виртуальная примерка одежды, обуви, косметики и дизайн интерьера

Дополненная реальность в eCom: виртуальная примерка одежды, обуви, косметики и дизайн интерьера, фотография 1

Человек приходит в магазин, чтобы купить кроссовки на лето. Подходит к стендам, высматривает понравившиеся модели, примеряет одни, другие. В конце концов выбирает третьи. А ещё носки в цвет и футболку (потому что тоже подходит). Итог — целая корзина одежды и счастливый покупатель. 

Возможность рассмотреть, потрогать и примерить одежду во время шопинга очень важна. Но иногда трудно выделить время на поездку по магазинам. 

Семён — парень из Омска. Его любимые бренды одежды есть только в «Меге», но ехать туда — через полгорода. В будние Семён работает до 19:00, в выходные — пробки и очереди. Да и тратить целый день на покупки Семёну не хочется. Поэтому съездить в магазин для него, как сходить в поход. Но у Семёна есть альтернатива — онлайн-шопинг

Покупать в интернете удобно и быстро. Можно выбрать любой понравившийся магазин, изучить его ассортимент, оплатить товары онлайн и заказать доставку до двери. И всё это не выходя из дома. А если и вы хотите разработать ecom-приложение для своего бизнеса, в котором клиенты смогут легко ориентироваться и без труда оформлять заказы, напишите нам. 

По данным Яндекс.Маркета на конец 2021 года, 53% россиян покупают в интернете. В 2015 году доля составляла лишь 22%. Самый популярный вид товара — одежда и обувь для взрослых

Интернет-магазины стараются сделать так, чтобы покупатель не усомнился в товаре: делают фотографии с разных сторон, создают подробные описания, иногда выкладывают видео. Продавцы на Wildberries, например, часто используют фото в 360°. Но и этого всё равно может быть недостаточно: не хватает наглядности. 

Покупателю важно знать не только как выглядит одежда, но и как она будет на нём смотреться. А решает этот вопрос виртуальная примерка в мобильных приложениях, или AR-примерка.

AR-примерка: что это, как работает и где её используют

Виртуальная примерка превращает смартфон в гардероб. Для этого нужно лишь специальное приложение. Дальше — дело техники: пользователь выбирает понравившуюся модель кроссовок/очков/часов/чего-либо ещё и через камеру «примеряет» на себе. Благодаря виртуальной примерке можно подобрать одежду себе по душе и при этом сэкономить много времени. 

Как работает виртуальная примерка

В основе виртуальной примерки лежит технология AR.

AR (от англ. Augmented Reality — «дополненная реальность») — технология, совмещающая на экране устройства реальный мир с виртуальным

Пользователь запускает AR-приложение и видит на изображении с камеры свою комнату. Пара нажатий, и комната на экране заполняется 3D-объектами, которые можно вращать и перемещать в пространстве. Видимая нами реальность дополняется ими.

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

Популярность дополненной реальности среди пользователей растёт ежегодно — лишь за последний год российский рынок AR вырос на 30%. Отчасти на это повлияла пандемия. 

В каких сферах используют технологию дополненной реальности

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

  • Для проектирования и планировки 

Приложение IKEA Place предлагало пользователю «поставить» у себя в комнате фирменные шкафы, столы и кресла. Это помогало разобраться с габаритами мебели и представить планировку комнаты.

  • В обучающих целях

В РИА.Lab можно найти обучающие материалы про космос, историю и природные явления. Они представляют собой 3D-сцены в дополненной реальности, некоторые из них содержат игровые элементы. Приложение продвигает сюжеты и авторов РИА.

  • Для развлечения

Популярные маски в ВКонтакте, Instagram* и Snapchat — пример внедрения дополненной реальности в развлекательных целях. Однако их тоже используют для продвижения брендов. 

Виртуальная примерка, или AR в eCommerce

AR в eCommerce постепенно становится нормой. Виртуальная примерка — это отличный инструмент для продвижения товаров, увеличения числа продаж и повышения лояльности покупателей. 

Как бренды используют AR для продвижения

В 2019 GUCCI выпустили серию кроссовок с возможностью виртуальной примерки. Такой подход очень понравился покупателям, поэтому сейчас в официальном приложении бренда можно примерить многие видов товаров: бижутерию, косметику, шляпы, очки. 

Благодаря внедрению AR продажи магазина GUCCI за 3 года выросли на 94% 

Отчасти такому большому скачку поспособствовал Snapchat. Эта сеть сотрудничает с крупными брендами и распространяет их товары в виде масок.

На странице такой маски можно увидеть имя бренда, узнать габариты товара, опробовать его расцветки. А ссылка внизу экрана ведёт в официальный магазин.

В России с AR тоже экспериментируют. В 2018 на AR-эксперимент пошёл Ozon. Для этого была специально разработана 3D-модель нового телевизора LG. Любой  желающий мог «поставить» его к себе в комнату через камеру телефона. Необычная функция привлекла много внимания, и телевизор быстро поднялся на вершины поиска.

А в августе 2019 года Lamoda у себя в приложении запустила виртуальную примерку кроссовок. Уже к концу лета продажи спортивной обуви выросли на 5%, а количество возвратов существенно сократилось. За полгода в виртуальном гардеробе Lamoda стало в 10 раз больше пар обуви. 

Как AR помогает пользователям?

Виртуальная примерка расширяет границы онлайн-шопинга. Пользуясь технологией, покупатель может:

  • «Примерить» товар до покупки. Увидеть, как одежда сидит на моделях — хорошо, а посмотреть на себе — ещё лучше. Собственный опыт всегда убедительнее чужого. AR помогает понять, подходит ли цвет одежды человеку и даёт представление о том, как вещь сядет на фигуру
  • Разглядеть со всех сторон. Основная задача eCom-приложения — продавать. Технология AR расширяет границы онлайн-шопинга и даёт человеку возможность рассмотреть десятки товаров не вставая с дивана. Это уменьшает сомнения покупателя и снижает вероятность возврата.
  • Развлечься. Возможность померить виртуальную одежду может затянуть покупателя, поднять настроение и даже сподвигнуть на незапланированные покупки.

Как AR влияет на конверсию интернет-магазина

Конверсия интернет-магазина — это соотношение пользователей, которые просто зашли в приложение, к тем, кто совершил целевое действие — покупку.

Мы уже рассказывали вам об основных инструментах для повышения конверсии в мобильном приложении. В этих же целях можно использовать дополненную реальность. 

Команда социальной сети Snapchat выяснила, что внедрение дополненной реальности в приложение повышает конверсию до 94%. Опрос показал, что  42% пользователей AR считают виртуальную примерку важной и полезной функцией в онлайн-магазинах

Что выбрать для AR: сайт или мобильное приложение?

Технология AR используется не только в приложениях, но и в мобильных версиях сайтов. Например, прямо в браузере можно примерить шляпы от Tenth Street Hats.


С технической стороны сайт проигрывает: приложение лучше оптимизировано для AR, требует меньше мобильного трафика и не так сильно нагружает устройство.

К тому же, пользователи предпочитают мобильные приложения. Подробнее эту тему мы раскрыли в статье «Преимущества мобильных приложений для бизнеса».

Как интегрировать AR в мобильное приложение

Итак, у вас уже есть мобильное приложение или вы намерены им обзавестись. Но как добавить в него AR?

Всё начинается с идеи. Нужно решить, с какими AR-элементами будет взаимодействовать пользователь. Ими могут быть маски, виртуальная мебель, одежда или 3D-сцены. Это влияет на выбор механики AR в приложении.

AR-механики для мобильного приложения

Маркер

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

Маркер служит ориентиром для понимания перспективы. Как только приложение распознает этот маркер, пользователь увидит в телефоне интерактивный 3D-объект. Эта механика часто используется для промоакций и выставок.

Преимущества: простота, много способов креативного применения.

Недостатки: обязательное наличие маркера и возможность привязать к нему только один объект. 



Плоскость

Для этой механики наличие маркера не требуется. Она сама определяет вертикальную или горизонтальную плоскость и помещает на неё объект. Ранее упомянутое приложение IKEA Place работало с горизонтальными поверхностями. А дополненную реальность в вертикальной плоскости можно использовать, например, для виртуальной примерки дверей.

Преимущество: механика универсальна и позволяет работать с большим количеством объектов.

Недостаток: погрешность, которая может иногда возникать при определении перспективы. 

AR-гардероб

Механика получила развитие из идеи масок в социальных сетях. AR-гардероб — это набор сложных алгоритмов, способных распознавать тело, форму головы и черты лица человека. Используется в онлайн-магазинах.

Преимущество: механика интересна пользователям и значительно повышает конверсию магазина.

Недостаток: пока что не все виды одежды в AR выглядят реалистично.

Outdoor-навигация

Эта механика задействует геолокацию. Приложение определяет геометку и выстраивает в виртуальном пространстве маршруты и интерактивные показатели. Иногда добавляет и новые объекты на карте. Чаще всего механика используется в туристических приложениях, но может быть применима, например, в городских флешмобах и массовых мероприятиях (Чемпионат Мира по футболу).

Преимущества: механика помогает разобраться в незнакомом городе, может содержать интересную информацию для туристов. 

Недостатки: требует официального разрешения на использование, плохо окупается.


Indoor-навигация

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


Преимущество: механика очень полезна для ориентации внутри больших помещений.

Недостаток: дорого и сложно в реализации.

Физический объект

Эта механика схожа с механикой маркеров. Разница лишь в том, что вместо плоского изображения триггером здесь служит реальный объект. Это позволяет активировать AR-контент с любого ракурса. Механику можно использовать, например, на автовыставках и в музеях.

Преимущество: усовершенствованная механика маркеров с бóльшим спектром возможностей. 

Недостаток: необходимость быть рядом с объектом.

 Порталы


«Порталами» называют виртуальные 3D-сцены, которые мы видели в РИА.Lab. Они могут работать как по маркеру, так и по принципу определения плоскости. 

Механика позволяет создавать любые пространства в 360° — магазины, квартиры, храмы, музеи, вымышленные вселенные. Их можно не только осматривать, но и перемещаться по ним.

Преимущество: большой потенциал для создания образовательных программ и виртуальных шоурумов.

Недостаток: не всегда удобно применять. Чтобы исследовать сцены в AR, требуется много свободного пространства. 

;
Несмотря на разную сложность и объём работы, все эти решения реализуемы.

Этапы внедрения 

Как только идея AR-приложения сформирована, наступает время её реализации. Интеграция дополненной реальности происходит в несколько этапов.

1. Выбор библиотеки служит отправной точкой для интеграции AR.  

Библиотека — набор готовых инструментов, ускоряющих работу над новым приложением

Для работы с дополненной реальностью на смартфонах существуют библиотеки ARKit (iOS) и ARCore (Android). Обе бесплатны и имеют схожие инструменты, но технически очень отличаются друг от друга. Поэтому даже создание одинаковой AR-интеграции для двух разных систем может занять вдвое больше времени, чем для одной. 

2. Создание заготовки дополненной реальности. С помощью библиотек создаётся основа для дополненной реальности. Делается она с учётом всех требований и нужд клиента. Сложность работы над ней зависит от выбранных механик AR и платформы приложения.

3. Заказ интеграции делают параллельно с разработкой приложения и AR среды для него. Мобильные разработчики обращаются к интегратору, который создаёт и оптимизирует 3D-модели для дополненной реальности.

Также существуют открытые маркетплейсы AR-моделей, которые работают по принципу стоковых фотохостингов: заказчик покупает объект и получает лицензию на коммерческое использование. Это удобно, если требуется найти заготовки для создания интерактивных 3D-сцен.

4. Внедрение полученных материалов в приложение. Как только 3D-модели готовы, разработчики принимаются за их интеграцию в приложение. AR-функциональность окончательно дорабатывается, чтобы она хорошо работала с интегрированными моделями. 

Кажется, что это сложно, но мы знаем, как с этим работать. Вам достаточно описать задумку, а решение всех технических и организационных моментов команда Лайв Тайпинг возьмёт на себя. Напишите или позвоните нам +7 495 204-35-03, чтобы начать разработку.

Под какие товары внедряют AR

Зачастую создавать AR-модель под каждый товар нет смысла. Но придерживаться какой-то тактики стоит. Вот как можно внедрить дополненную реальность:

  • для конкретного промотовара (обновлённая модель телевизора);
  • для определённой категории товара (спортивная обувь/очки/часы);
  • для товаров, уже имеющих спрос (кроссовки, которые за прошлый месяц купили 1000 раз).

Использование AR в онлайн-магазине помогает сделать акценты на определённых товарах, увеличить количество просмотров и поднять эти товары в топ.

Как окупается внедрение AR-технологии в приложение: опыт Amazon

Дополненная реальность появилась в приложении Amazon в 2017 году и с тех пор регулярно дорабатывалась. Итог — один из крупнейших интернет-магазинов в мире, который использует AR на постоянной основе.

Поскольку Amazon — универсальная торговая площадка, в дополненную реальность переносят самые разные товары: технику, мебель, лампы, часы, обувь, головные уборы, бижутерию и много чего ещё. 

Создание AR-модели для товаров на Amazon стало негласным правилом. Это привлекает внимание к бренду, а главное — повышает конверсию в среднем на 30%.

Amazon не создавал с нуля инструментарий для дополненной реальности, а использовал готовый ARKit. Это оказалось проще и дешевле. А ещё оказалось удачным способом увеличить доход продавцов площадки и замотивировать их пользоваться новой технологией.  


На что обращать внимание при выборе команды для разработки eCom-приложения

Выбор команды для разработки приложения — серьёзный шаг. И очень непростой. Как не совершить ошибку и обратиться к правильным людям?

  • Изучите портфолио. Убедитесь, что у студии есть опыт работы с eCom-приложениями для бизнеса вашего уровня.
  • Обсудите все сроки и условия проведения работы сразу. Обе стороны должны чётко понимать, готовы ли они к такому сотрудничеству.
  • Убедитесь, что команда заинтересована в вашем проекте. Только так получится прийти к полному согласию и добиться достойного результата.
  • Свяжитесь с другими клиентами. Они поделятся опытом работы с подрядчиком, расскажут о положительных и отрицательных моментах.

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

Если вам нужно eCommerce-приложение, напишите или позвоните нам +7 495 204-35-03. Мы заботимся о метриках приложения и работаем с технологиями, которые влияют на конверсию. Оценим рынок, примем ваши пожелания и сделаем приложение клиентоориентированным и эффективным. 

* — правительство РФ признало «Инстаграм» экстремистской организацией

Клиентам AR
Стоимость разработки мобильного приложения на заказ в 2022 году

Рассказываем, сколько стоит приложение в 2022 году и что влияет на его цену. Раскрыли все вопросы, которые интересуют клиентов студий мобильной разработки. Переходите в статью!

Клиентам
21 октября 2022
Предупреждён — значит всё хорошо! Ошибки и риски при разработке мобильного приложения

Одна ошибка и ты ошибся. А значит, нужно будет исправлять, переделывать, снова тратить время и деньги. Мы хотим уберечь клиентов от этих неурядиц, поэтому рассказываем, что может пойти не&nb...

Клиентам
21 апреля 2022
Как сделать техническое задание на мобильное приложение

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

Клиентам
12 августа 2020
Заполните форму — перезвоним и сориентируем вас по стоимости и срокам разработки
Заполните форму — перезвоним и сориентируем вас по стоимости и срокам разработки