AR-примерка 2D: как дать клиенту примерить товар ещё до покупки

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

Платье — понятно. Надела и посмотрела.

А шкаф? Окно? Дверь? Новые обои?

Их тоже хочется сначала «примерить». Только уже не на себя, а на свою комнату, стену или оконный проём.

Потому что фотография товара в каталоге отвечает на вопрос «как он выглядит». А покупателя часто волнует совсем другое:

А что, если не заставлять клиента представлять?

Когда человек выбирает шкаф, он смотрит на красивую фотографию в интерьере.

Чужом интерьере.

Когда выбирает окно — видит его на белом фоне или на фотографии чужого дома. Когда выбирает платье — смотрит на модель совершенно другого роста и комплекции.

А дальше мозгу предлагается выполнить небольшую дизайнерскую работу:

«Шкаф вроде красивый. А рядом с моим диваном?»

«Антрацитовое окно мне нравится. Но не будет ли оно слишком тёмным?»

«Красное платье шикарное. А на мне?»

И чем заметнее покупка в интерьере или образе, тем важнее становится этот вопрос.

Именно эту задачу я решила попробовать переложить с воображения покупателя на сам сайт.

Сначала были окна. Потом стало понятно: окна тут вообще ни при чём

Первую 2D-примерку я делала для окон.

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

Но довольно быстро возник очевидный вопрос:

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

Или с дверью?

А если пространство — это сам человек, почему не с платьем?

Так оконный эксперимент постепенно превратился в гораздо более универсальный инструмент.

Платье, шкаф и окно — задача на самом деле одна

На первый взгляд это совершенно разные товары.

Но с точки зрения покупателя у них есть кое-что общее.

То есть человеку важно не просто рассмотреть товар. Ему нужен контекст.

Поэтому 2D-примерка подходит далеко не только для окон. Её можно использовать для мебели и шкафов, дверей, окон и балконных блоков, натяжных потолков, плитки и обоев, рольставней и жалюзи, техники, вывесок — в общем, для товаров, которые в значительной степени выбирают глазами.

И, конечно, для одежды.

Что происходит со стороны покупателя

Я специально старалась сделать механику максимально простой.

Без регистрации. Без отдельного приложения. Без инструкции на двадцать экранов.

1. Человек открывает примерку

На телефоне можно включить камеру. Если удобнее — загрузить фотографию из галереи.

2. Товар появляется поверх реального изображения

Его можно перемещать и масштабировать, подгоняя под человека, комнату или нужную область фотографии.

3. Можно менять варианты

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

4. Результат можно сохранить

И вот здесь примерка перестаёт быть просто красивой игрушкой.

Покупатель получает не абстрактную картинку из каталога, а свою комнату или свой образ с выбранным товаром. Такой вариант уже можно сравнить с другим, показать близким или отправить менеджеру.

А если человек открыл сайт с компьютера?

AR-примерка по своей природе удобнее на телефоне: камера уже в руке, можно сразу направить её туда, где должен появиться товар.

Поэтому на компьютере можно показать QR-код и продолжить примерку на телефоне.

Но камера вообще не обязательна. Можно загрузить фотографию помещения и работать с ней.

Мне хотелось, чтобы технология не требовала от человека сначала разбираться, как ей пользоваться. Он пришёл выбирать товар, а не изучать AR.

Почему именно 2D, если существует 3D?

Здесь легко попасть в ловушку: 3D звучит технологичнее — значит, оно всегда лучше.

Нет. Это просто разные задачи.

В 2D-примерке нам важно быстро показать товар в контексте реального изображения. Для многих товаров этого вполне достаточно.

Если я выбираю цвет шкафа и хочу понять, подходит ли он к моей комнате, мне необязательно обходить виртуальный шкаф со всех сторон.

Если выбираю окно — мне гораздо важнее увидеть его цвет и конфигурацию в своём интерьере.

А вот если покупателю нужно рассматривать сам товар с разных ракурсов, вращать его, изучать форму и детали — это уже другая задача. Для неё больше подходит 3D.

Где такая примерка действительно имеет смысл

Мне вообще не нравится идея добавлять технологию на сайт просто потому, что можно.

AR ради надписи «у нас есть AR» — довольно дорогой способ украсить страницу.

Примерка имеет смысл там, где внешний вид товара действительно влияет на решение. Особенно если покупатели постоянно задают один и тот же вопрос:

Есть ещё один хороший признак — товар сложно купить совершенно бездумно и так же легко вернуть обратно в коробку.

Шкаф, окно, дверь или отделочный материал выбирают иначе, чем пачку салфеток. Человек сравнивает варианты, сомневается, советуется.

И возможность увидеть результат заранее здесь действительно полезна.

А где AR-примерка не поможет

Есть и обратная сторона.

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

Если необходимы точные размеры — AR-примерка не заменяет профессиональный замер.

Если товар нужно подробно рассматривать со всех сторон — разумнее смотреть в сторону 3D.

А если в каталоге тысячи постоянно меняющихся позиций, сначала стоит посчитать, насколько вообще оправдано переносить весь ассортимент в такой формат.

Не каждому сайту нужна AR-примерка. И это нормально.

Попробуйте примерить сами

Можно выбрать товар, подвигать его, изменить размер, загрузить свою фотографию или открыть примерку с телефона через камеру.

Платье, шкаф и окно показывают три разных сценария, но задача остаётся одной:

помочь человеку увидеть покупку не где-то в каталоге, а у себя.