Союз-М 3Д. Экосистема по подбору тканей и визуализации мебели.

1. Вводная задача от заказчика, проблематика, цели

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

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

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

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

2. Описание реализации кейса и творческого пути по поиску оптимального решения

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

3. Результаты сотрудничества

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

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

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

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

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

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

Соколов Александр

Руководитель направления Союз-М 3D, Союз-М

Хотим поблагодарить коллектив компании Seven Winds, персонально проект менеджера Андрея Поцелова, разработчика Михаила Свириденко за профессиональный поход и желание идти на встречу клиенту на протяжении всего нашего периода сотрудничества.

Если у Вас есть идея в области ИТ и Вы в поисках компании, которая могла бы её реализовать, однозначно рекомендуем коллег из Seven Winds Studio.

4. Заключение

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