WhatsApp
Telegram
Max
3D-конфигуратор каркасных гардеробных с фасадами FORMINA
Конфигуратор каркасных гардеробных с фасадами с 2D/3D видами, генерацией чертежей, интерактивной 3D-визуализацией и интеграцией со внутренней информационной системой (1С)
1С (УТ, УНФ, КА)
1С-Битрикс Управление сайтом
Framework ThreeJS для 3D WebGL
Figma (UI / UX)
React JS
Material UI (MUI)
Gitlab (CI/CD)
1. Цели и задачи
Для производителя компании расширили существующий функционал конфигуратора гардеробных на новую модель - каркасные гардеробные с глухими фасадами, фасадами с алюминиевой кромкой и без фасадов. Важным отличием от ранее разработанного конфигуратора являлось наличие фасадов различных типов, фурнитуры а также угловые модули для объединения в единую композицию.
Кроме того, из-за наличия фасадов потребовалась анимация их открытия, чтобы визуально понимать, не мешают ли при открытии фасады угловых секций для демонстрации клиенту.
2. Фронтальный 2D-вид стены
Помимо 3D-вида конфигуратора важным и удобным функционалом является переключение на 2D-виды для более удобного и точного позиционирования элементов. Переключение на фронтальный вид открывает текущую активную стену (фронтальную, левую или правую) в режиме 2D-чертежа, на котором можно, нажимая на соответствующие числовые значения отступов от пола до верхней плоскости элементов наполнения (полок/вешал/комодов/пантографов) изменять их положение несколькими способами:- традиционный способ - ввод конкретного числового значения, при вводе значения, не соответствующего технически возможному, конфигуратор выбирает ближайшее к требуемому возможное значения и информирует об этом пользователя
- пошаговый способ - путем нажатия на + и - увеличение значения на заданный в настройках конфигуратора шаг (с учетом перфорации на стенках модуля)
- математический способ - добавляя к текущему значению математическую формулу изменять ее значение (наиболее часто использующиеся варианта "+100мм" или "-100мм", но функционал позволяет вводить и более сложные формулы с несколькими действиями.
Также на фронтальном виде возможно изменение габаритов стены помещения, на которой расположена гардеробная система и отступов от стены до секций. Все действия контролируются по техническим параметрам, заложенным в настройках конфигуратора и не позволяют ввести невозможные к производству значения. Контролируется минимальный отступ до стены (различющийся при наличии или отсутствии углового модуля в композиции), минимальный отступ от потолка.
3. 2D вид проекта сверху
При переключении на вид сверху пользователь видит весь проект и все помещение целиком. На данном виде возможно передвижение секций проекта по стенам (секции на каждой стене объединены в единый блок, передвигаются все секции разом) с контролем разрешенных отсупов от стен и/или "приклеивания" к угловым модулям при их наличии.
Передвижение секций возможно как методом "перетаскивания", так и вводом параметров по клику на значения. Также на этом виде возможно изменение габаритов помещения по нажатию на соответствующие значения.
4. Запрещенные состояния
Для ценообразования в конфигураторе используется механизм ценообразований на свойствах, выгружаемый из 1C - цены задаются формулами на группы товаров по соответствующим характеристикам, что позволяет управлять большим количеством ассортимента при помощи набора правил. Механизм ценообразования позволяет в том числе определять запрещенные состояния - недоступные к производству вариации номенклатуры. В случае, если какой-то элемент в проекте не имеет формулы номенклатуры, его производство невозможно и конфигуратор отрабатывает следующим образом:- на 3D-визуализации данный элемент подкрашивается красным цветом
- пользователя информирует, какой именно номенклатуры нет в проекте
- суммарная стоимость проекта устанавливается в "Не определен"
- возможность оформления заказа блокируется (но остается возможность сохранения)
В данном случае продемонстрировано, что для нетипового размера секции отсутствуют фасады определенного типа с определенным материалом.
5. PDF-спецификация
Большое внимание было уделено генерации PDF-версии документов - конфигуратор формирует коммерческое предложение, проект к счету и дилерский документ с дополнительным запросом номера и даты документа партнера. Каждый из типов документов содержит визуализацию (зависящую от количества задействованных в проекте стен), общее описание проекта, информацию о менеджере и покупателе, 2D-вид сверху на проект с указанием номеров секций и габаритных размеров конструкции и помещения, таблицу спецификации с разделением элементов по принадлежности к секции (стойки на одной стене принадлежат таблице первой из секции).
В результате конфигуратор в режиме реального времени просчитывать проект клиента по индивидуальным габаритам, демонстрировать визуализацию будущего проекта, показывать гардеробную с разных ракурсов, объяснять процесс открытия/закрытия фасадов.
Оглавление
Оглавление
В результате внедрения конфигуратора
Рост лояльности клиентов Заказчика за счет возможности онлайн заказа ранее невозможной продукции (нестандарт)
Обеспечение синхронизации данных с CRM, 1С и другими информационными системами
Возможность выходить на новых клиентов, с кем раньше не удавалось работать - при автоматизации заказа время на клиента значительно уменьшается
Количество ошибок в заказах снизилось более чем на 20%, снизились требования к опыту и квалификации персонала магазинов
Похожие проекты
