Разработали
модуль с дополненной реальностью на базе
web-ar для компании Вартон

Сделали небольшой промо-сайт и решение с дополненной реальностью на web-ar для компании Вартон

2022

Frontend

Web-AR

3D-моделирование

Адрес:

b2b.gauss.ru/ar-gauss-vision/

Перейти
на сайт

Разработали<br> модуль с дополненной реальностью на базе<br> web-ar для компании <span>Вартон</span>

Компания Вартон официальный дистрибьютор продукции Gauss, обратилась к нам с задачей реализовать модуль дополненной реальности для размещения его в промо-материалах и печатном каталоге. Наша задача заключалась в том, чтобы подготовить модели для работы с модулем web-ar и подключить их к qr-кодам. Сначала задача выглядела довольно просто, но по мере реализации команда заказчика стала осознавать все больше и больше деталей, и в конечном счете проект довольно
сильно увеличился.

Задача, поставленная
заказчиком

Разработать модуль для web-ar и подключить к нему 6 моделей

Резюме проекта

Старт работ:

июнь 2021

Сдача проекта:

февраль 2022

Какие задачи мы решали
в проекте с лампами Gauss

Сформулировали миссию и ценности бренда

Сделали онлайн-каталог с мобильной версией и подробным описанием моделей ламп

Подключили платную библиотеку 8th Wall

Протестировали модуль и разместили на хостинге заказчика

Разработали web-ar модуль на бесплатной
библиотеке ARcore

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

Десктопный модуль, при этом, вопросов не вызвал.

Сайты

Сделали онлайн-каталог с мобильной версией и подробным описанием моделей ламп

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

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

Вот посмотрите:

https://b2b.gauss.ru/ar-gauss-vision/

Подключили платную библиотеку 8th Wall

Спустя несколько совещаний, коллеги согласовали нам разработку на основании платной библиотеки дополненной реальности 8th Wall. Наши программисты переподключили все модели, и внесли ряд правок. Мы попробовали несколько различных карт отражений, для того, чтобы добиться максимальной реалистичности в различных условиях.

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

Протестировали
модуль и разместили на
хостинге заказчика

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

Для удобства, разместили печатную версию каталога продукции компании в формате .pdf для скачивания.