3D-революция: разработали интерактивный конструктор для барбекю-лодок

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

Цель клиента

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

Наша цель

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

До запуска

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

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

Особенности проекта

• Разработка конструктора

Конструктор барбекю-лодки — основная фишка данного диджитал-решения решения. Мы отошли от слоевого наложения в конструкторе и использовали 3D-моделирование для создания реалистичного и интерактивного диджитал-конструктора. Так, пользователь может выбирать любую конфигурацию лодки.

Новое решение позволяет:

• собрать уникальную комплектацию лодки
• добавлять, удалять или изменять цветовое решение различных элементов 3D-модели
• выбирать различное цветовое сочетание элементов лодки — доступны 190 цветов по системе RAL
• вращать модель лодки на 360 градусов и просматривать её с разных ракурсов
• добавлять, удалять или изменять цветовое решение элементов 3D-модели
• добавить логотип бренда клиента на 3D-модель лодки.

3D-конструктор BBQ-лодки содержит следующие элементы с возможностью кастомизации:

• выбор зонта или навеса на опорах
• жаропрочный стол
• гриль с решёткой
• поручни, купальная лестница
• мягкие сидушки и мягкие спинки
• цветовое решение и брендинг — выбор цвета корпуса, зонта, пола, стола, мягких подушек, мягких сидушек
• изображение на корпусе лодки
• электромотор, бензиновый или без него
• освещение — внутреннее освещение или ходовые огни
• дополнительная электроника — музыкальная система, USB-порт для зарядки, трюмная помпа
• другое — якорь, мягкие окна, комплект кранцев, привальный брус, напольное покрытие

• Динамический расчет коммерческого предложения

Реализовали систему динамического расчета стоимости лодки в зависимости от выбранных пользователем элементов в реальном времени. Такое прозрачное ценообразование позволяет потенциальным клиентам видеть стоимость каждого элемента в отдельности и финальную сумму в коммерческом предложении.

• Визуальное отображение сайта

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

• Оптимизация

Оптимизировали 3D-модель для быстрой работы сайта.

Адаптировали дизайн для корректного отображения на разных устройствах.

• Стек технологий

CMS Netcat, JavaScript

Разработка диджитал-конструктора лодок с использованием 3D-моделирования позволила клиенту значительно повысить удобство выбора конфигурации лодки и увеличить уровень вовлеченности на сайте.

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

Что сделали

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

Результат для бизнеса

• Увеличение времени, проведенного пользователями, на сайте
• Расширение воронки продаж за счет взаимодействия пользователя с интуитивно понятным конструктором bbq-лодки
• Снижение количества отказов от покупки из-за недостатка информации о конфигурации лодок
• Повышение лояльности клиентов

Команда

проекта, BBQBOATS

«Мы очень довольны результатами работы команды. Новый 3D-конструктор лодок значительно улучшил пользовательский опыт на нашем сайте, а также помог нам увеличить конверсию продаж. Activica помогает нам в развитии нашего цифрового потенциала и создает решения, которые выводят наш бизнес на новый уровень».