Выбор цвета дивана на 2 зоны кроя

Создание функционала демонстрации различных комбинаций обивки при помощи 2D-склейки визуализаций на сайте для продукции мебельной фабрики ТРИЭС

# Техподдержка # Калькулятор / система подбора

Framework Vue JS

Опубликовано: Октябрь 2015

Мягкая кожаная мебель

#Разработка сайта #Калькулятор / система подбора #3D-моделирование диванов

Нужен похожий проект?

1Цели и задачи

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

Какие преимущества можно выделить:

3D-модель позволяет клиенту увидеть мебель со всех ракурсов, оценить пропорции, конструкцию и материалы, что увеличивает вовлеченность пользователя сайта и уменьшает вероятность ошибок в заказе
Сайт с визуализациями сразу позиционирует компанию как технологичную и клиентоориентированную, помогая ей выделяться на фоне конкурентов
3D-модель позволяет клиенту самостоятельно выбрать товар, не требуя дополнительное время отдела продаж
Глубокое погружение в продукт с помощью его 3D-модели формирует доверие у покупателя, что приводит его к принятию решения о покупке, а также к большей вероятности добавления в корзину сопутствующих товаров
3D-визуализация позволяет создавать бесконечное количество сцен и ракурсов из одной модели - не потребуется каждый раз вызывать фотографа для съемки при появлении нового варианта товара, достаточно добавить этот материал в модель

Таким образом, наличие 3D-моделей на сайте позволяет компании значительно экономить за счет сокращения возвратов, уменьшения времени работы менеджеров, а также уменьшения затрат на создание контент.

2Функционал

На сайте мебельной фабрики ТРИЭС реализован подбор цвета обивки дивана Диана по двум зонам кроя - пользователь может выбрать любой из 20 материалов кожаной обивки на верхнюю и нижнюю часть дивана.

Для создания визуализаций была создана 3D-модель дивана и проведена фотосъемка обивочных материалов с последующей цветокоррекцией - это позволило максимально реалистично отобразить цвет и фактуру материала.

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

совмещение изображений по маске

Функционал реализован при помощи совмещения заранее подготовленных изображений (визуализация дивана на основе 3D-модели полностью в одном из материалов). При помощи слоя-маски из двух визуализаций комбинируется результирующее изображение и пользователь видит сформированное изображение в любых комбинациях. Несложно подсчитать, что на основе 20 визуализаций формируется 400 изображений - функционал позволил сэкономить 380 визуализций!

варианты визуализаций дивана