3D-революция: как мы разработали интерактивный конструктор для барбекю-лодок
3D-моделирование и интерактивные технологии открывают новые возможности для создания уникальных решений. В кейсе расскажем о разработке диджитал-конструктора для барбекю-лодок, который позволяет пользователям свободно экспериментировать с дизайном и комплектацией своего идеального продукта.
🎯 Цель клиента
- Предоставить пользователям возможность детально ознакомиться с конфигурацией лодки, выбрать подходящий цвет и комплектацию.
Увеличить конверсию продаж за счет улучшения пользовательского опыта и повышения уровня вовлеченности пользователей на сайте.
🎯 Наша цель
- Разработать интуитивно понятный и функциональный конструктор 3D-модели BBQ-лодки.
- Обеспечить максимально реалистичное представление о продукте с возможностью индивидуальной настройки.
- Внедрить динамическую систему расчета стоимости в зависимости от выбранных пользователем элементов.
✅ Что сделали
- Переработали дизайн посадочной страницы в соответствии с визуальными константами бренда клиента.
- Создали 3D-конструктор барбекю-лодки, позволяющий вращать модель на 360 градусов.
- Реализовали добавление отдельных элементов в 3D-модель лодки, а также возможность изменения цвета каждого элемента с расширенной палитрой: лестницы, поручни, моторы, зонты, навесы и другое.
- Реализовали возможность добавления логотипа пользователя на 3D-модель.
- Внедрена система динамического расчета стоимости в зависимости от выбранной конфигурации лодки.
- Оптимизировали работу сайта для ускорения загрузки 3D-модели.
🟡 Результат для бизнеса
- Увеличение времени, проведенного пользователями на сайте.
- Расширение воронки продаж за счет взаимодействия пользователя с интуитивно понятным конструктором bbq-лодки.
- Снижение количества отказов от покупки из-за недостатка информации о конфигурации лодок.
- Повышение лояльности клиентов.
🧭 До и после
До запуска
У клиента была посадочная страница с простым конструктором лодок. В основе прошлого конструктора — выбор элементов и переключение визуала исходя из нескольких шаблонов. Такому решению не хватало гибкости в выборе конфигурации и детальной визуализации отдельных элементов. Процесс конструирования лодки был сложным и не интуитивным. При этом пользователи не могли видеть точный финальный результат перед оформлением заказа, поскольку выбор был из ограниченного количества заранее отрисованных моделей.
После запуска
- Пользователи могут легко настроить лодку по своему вкусу, используя интерактивный 3D-конструктор.
- Реалистичная 3D-модель позволяет получить полное представление о конечном продукте.
- Процесс выбора стал более простым и интуитивным, что способствовало повышению конверсии с сайта.
🧭 О клиенте
BBQBOATS — инновационные лодки барбекю.
Участники федеральных фестивалей и выставок в сфере туризма. Спроектировали и запустили в эксплуатацию 60 лодок барбекю · BBQBOATS — это новый уровень комфортного отдыха на воде. Представляет собой лодку с грилем, вместимостью 6 человек — всё, что нужно для удобства и безопасности.
🟡 Особенности проекта
📍 Разработка конструктора
Конструктор барбекю-лодки — основная фишка данного диджитал-решения решения. Мы отошли от слоевого наложения в конструкторе и использовали 3D-моделирование для создания реалистичного и интерактивного диджитал-конструктора. Так, пользователь может выбирать любую конфигурацию лодки.
Новое решение позволяет:
- собрать уникальную комплектацию лодки,
- добавлять, удалять или изменять цветовое решение различных элементов 3D-модели,
- выбирать различное цветовое сочетание элементов лодки — доступны 190 цветов по системе RAL,
- вращать модель лодки на 360 градусов и просматривать её с разных ракурсов,
- добавлять, удалять или изменять цветовое решение элементов 3D-модели,
- добавить логотип бренда клиента на 3D-модель лодки.
3D-конструктор BBQ-лодки содержит следующие элементы с возможностью кастомизации:
- выбор зонта или навеса на опорах,
- жаропрочный стол,
- гриль с решёткой,
- поручни, купальная лестница,
- мягкие сидушки и мягкие спинки,
- цветовое решение и брендинг — выбор цвета корпуса, зонта, пола, стола, мягких подушек, мягких сидушек,
- изображение на корпусе лодки,
- электромотор, бензиновый или без него,
- освещение — внутреннее освещение или ходовые огни,
- дополнительная электроника — музыкальная система, USB-порт для зарядки, трюмная помпа,
- другое — якорь, мягкие окна, комплект кранцев, привальный брус, напольное покрытие.
📍 Динамический расчет коммерческого предложения
Реализовали систему динамического расчета стоимости лодки в зависимости от выбранных пользователем элементов в реальном времени. Такое прозрачное ценообразование позволяет потенциальным клиентам видеть стоимость каждого элемента в отдельности и финальную сумму в коммерческом предложении.
📍Визуальное отображение сайта
Обновили дизайн посадочной страницы в соответствии с брендом клиента — визуал стал свежим и современным. Помимо этого добавили новые модули и элементы для улучшения пользовательского опыта, а также упростили блок меню и навигацию на сайте. Интерфейс стал интуитивно понятным, удобным и позволил пользователям легко ориентироваться в функциях конструктора.
📍Оптимизация
Оптимизировали 3D-модель для быстрой работы сайта.
Адаптировали дизайн для корректного отображения на разных устройствах.
📍Стек технологий
CMS Netcat
JavaScript
Разработка диджитал-конструктора лодок с использованием 3D-моделирования позволила клиенту значительно повысить удобство выбора конфигурации лодки и увеличить уровень вовлеченности на сайте.
«Этот проект был интересным для нас вызовом, так как требовал глубокой интеграции 3D-моделирования в функциональный веб-конструктор. Благодаря командной работе и опыту наших разработчиков, мы смогли создать продукт, который соответствует всем требованиям клиента. Гордимся результатом и рады, что этот проект приносит реальную пользу клиенту», —
Отзыв клиента
«Мы очень довольны результатами работы команды. Новый 3D-конструктор лодок значительно улучшил пользовательский опыт на нашем сайте, а также помог нам увеличить конверсию продаж. Activica помогает нам в развитии нашего цифрового потенциала и создает решения, которые выводят наш бизнес на новый уровень», —
Activica занимается разработкой и развитием ИТ-продуктов. Создаем интернет-сайты, личные кабинеты, CRM/ERP системы, digital-сервисы, сложные интеграции. За 10 лет работы мы реализовали более 300 проектов. Если вы хотите получить консультацию по вашему проекту — напишите нам.