Top.Mail.Ru
Экосистема из 6 приложений по подбору тканей и визуализации мебели с применением AR и 3D технологий.

Союз-М 3D

Заказчик

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

Задача

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

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

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

Что для этого сделали

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

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

Панель администратора

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

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

Навигация и фильтры

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

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

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

Карточка товара

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

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

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

3d / 2d мультисцена

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

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

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

Отличия WEB и десктопной версий

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

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

Мобильные приложения

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

Приложение «Союз-М 3D: ТКАНИ»

Приложение «Союз-М 3D: ТКАНИ» разработано для покупателей кто ищет мебельную обивку, а также дилеров компании и включает в себя полный каталог тканей, натуральной кожи и домашнего текстиля широкого ассортимента компании.

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

Функционал:
  • мобильный каталог продукции холдинга
  • корзина — заказ ткани, кожи, ковров, образцов
  • контакты, остатки и цены по регионам
  • поиск на русском и английском языках, по типам ткани и быстрая фильтрация
  • полная информация о тканях и домашнем текстиле
  • экран мягкой мебели, 3d сцена и ar режим примерки ассортимента
  • возможность примерять разные ткани на любые модели в приложении
  • рекламный экран и избранное

Приложение «Союз-М 3D: Маркетплейс мебели»

Приложение «Союз-М 3D: Маркетплейс мебели» разработано для менеджеров фабрик-партнеров и конечных покупателей.

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

Функционал:
  • маркетплейс мебели фабрик партнёров
  • корзина — запрос на покупку мебели у производителя
  • доступ в проект фабрики с мобильного устройства по qr коду
  • экран композиций — продажа комплексных предложений
  • мультисцена
  • просмотр и подбор варианта под свои потребности
  • информация о модели и ткани
  • возможность замены цвета примененной коллекции

Дополненная реальность позволяет во время выбора модели примерить ее в интерьер и подобрать подходящий цвет.

Результат

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

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

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

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

Существует общая статистика по рынку, где сайты с применением новых технологий и большей вовлеченности покупателя в процесс, повышают конверсию продукта, цифры рознятся от продавцов и товаров, но в среднем это 15%.
ПРИЛОЖЕНИЕ
Floor.App
WEB-сервис
Pragmacore