Предоставить пользователям возможность детально ознакомиться с конфигурацией лодки, выбрать подходящий цвет и комплектацию.
Увеличить конверсию продаж за счет улучшения пользовательского опыта и повышения уровня вовлеченности пользователей на сайте.
Наша цель
Разработать интуитивно понятный и функциональный конструктор 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-моделирования в функциональный веб-конструктор. Благодаря командной работе и опыту наших разработчиков, мы смогли создать продукт, который соответствует всем требованиям клиента. Гордимся результатом и рады, что этот проект приносит реальную пользу клиенту».
— Ирина Геворгян, менеджер проекта, Activica
Заключение
Отзыв клиента
«Мы очень довольны результатами работы команды. Новый 3D-конструктор лодок значительно улучшил пользовательский опыт на нашем сайте, а также помог нам увеличить конверсию продаж. Activica помогает нам в развитии нашего цифрового потенциала и создает решения, которые выводят наш бизнес на новый уровень»,
