Экосистема из 6 приложений «Союз-М» по подбору тканей и визуализации мебели с применением AR и 3D

СОЮЗ-М — это крупный текстильный холдинг. 30 лет они производят мебельные ткани и текстиль, поставляют мебельную фурнитуру и комплектующие. Работают с любым объемом заказов от частных заказчиков до крупных мебельных фабрик.

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

Нужно было разработать приложение которое визуализирует образцы ткани на мебели. И показать, как мебель может смотреться в разных интерьерах.

Изначально, клиент выбрал другого подрядчика, но после решил его сменить. Так проект оказался в нашей студии и работу над проектом специалисты начали с аналитики существующего кода.

Команда Seven Winds Studio разработали программную часть, дизайн разрабатывался на стороне заказчика.

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

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

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

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

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

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

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

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

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

3d / 2d мультисцена помогает демонстрировать разные модели мебели, текстиля и ковров на одной сцене. Удачные варианты комбинаций можно сохранять, обновлять, добавлять и удалять варианты.

Есть несколько типов сохранения вариантов мебели — ткани и комбинаций (мебель+мебель+ковры) общие варианты — для всех кто смотрит мебель проекта, свои варианты — только для локального пользователя. Дополнительно можно сохранять общие (закрытые) — для пользователей с парольным доступом

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

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

WebGL приложение и десктопная версия имеют отличия в функционале: например, web версия может встраиваться на любой сайт и работает во всех браузерах, а desktop версия может работать офлайн.

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

Для пользования экосистемой с мобильного были разработаны 2 приложения:

Развернули экосистему на трех платформах (mobile, web, PC) в нативном исполнении. Реализовали полноценную систему для управления контентом в проекте и интеллектуальную систему визуализации 3D объектов, в том числе в AR.

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

Экосистема Союз-М это:

• «Союз-М 3D» desktop версия для компьютера и ноутбука, может работать офлайн и позволяет пользователю сохранять свои варианты
• WebGL приложение «Союз-М 3D» может встраиваться на любой сайт и работает во всех браузерах
• Приложение «Союз-М 3D: Ткани» для iOS и Android
• Приложение «Союз-М 3D: Маркетплейс Мебели» для iOS и Android

Платформой пользуются более 45 фабрик.

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