Конфигуратор межкомнатных перегородок Profildoors
Для фабрики межкомнатных дверей и перегородок Profildoors и всей ее дилерской сети (более 500 магазинов) реализовали конфигуратор межкомнатных перегородок и API для взаимодействия с личными кабинетами дистрибьютеров
1С-Битрикс Управление сайтом
1С (УТ, УНФ, КА)
Framework ThreeJS для 3D WebGL
Figma (UI / UX)
React JS
Gitlab (CI/CD)
1Цели и задачи
В результате разработки нашей компанией конфигуратора для дистрибьютера фабрики Profildoors расчеты перегородок при помощи которого оказалось проводить быстро и удобно, фабрика Profildoors приняла решение использовать данный конфигуратор, расширив его функционал API для взаимодействия со всеми остальными дистрибьютерскими кабинетами, а через них использовать конфигуратор на всю свобю дилерскую сеть в России и других странах.В связи с этим потребовалось перенести и расширить уже существующий конфигуратор с планировщиком помещений следующим функционалом:
- реализовать схему взаимодействия со всеми дистрибьютерскими b2b-кабинетами через API
- внедрить систему ценообразования на разные регионы
- подключить мультиязычный интерфейс для использования в других странах
- подключить дополнительные валюты и разработать схему расчета курса
- расширить функционал конфигуратора перегородок на нестандартные модели и эксклюзивную отделку
Конфигуратор перегородок
Автоматизирует процесс подбора и расчета межкомнатных перегородок с выбором параметров:
- Габариты проема;
- Тип открывания;
- Размещение перегородки;
- Количество створок, размер трека, доводчики;
- Материалы отделки;
- Эксклюзивная отделка - персонализация
2Функционал планировщика помещений
Функционал планировщика помещений перешел от ранее разработанного конфигуратора практически неизменным. Он по прежнему позволяет построение помещений путем расстановки стен, проемов, подиумов и колонн. Основные дополнения касались расширения числа вариантов проемов под конкретные модели перегородок, а также под стационарные конструкции и сложные перегородки (когда перегородками фактически отстраивают стены внутри помещения).
Построение стен достаточно удобное - с примагничиванием к ближайшим точкам и типовым значениям угла, однако чаще всего дилеры пользуются быстрым построением - строят единственную стену и добавляют в нее проем под перегородку. При добавлении проема возможно задание габаритов проема, глубины проема, отступа от пола.
33D-режим просмотра
В конфгураторе предусмотрено 2 режима просмотра в 3D-режиме - с летающей камеры и глазами от первого лица. Как и ранее, самым важным функционалом для 3d-режима просмотра является анимация механизма открытия/закрытия перегородок, необходимая для понимания процесса, расположения ручек и профилей, светового проема в открытом состоянии перегородки. Также используется окрашивание пола и стен для более корректного визуального восприятия помещения и отделки перегородки.3D-режим поддерживает следующий функционал:
- Управление камерой и ZOOM (приближение/удаление)
- прозрачность отдельных типов элементов на проекте (для скрытия стен/пола)
- визуализации различных типов материалов, в том числе прозрачность и зеркало
- анимация открытия и закрытия перегородок по клику
4Конфигуратор перегородок
Функционал конфигуратора перегородок позволяет в формате перехода по нескольким шагам произвести расчеты стоимости и сгенерировать техническую документацию для перегородки в текущем проеме. В процесс выбора пользователю предлагается следующий выбор:- Типы конструктива:
- Классик
- Каскад
- Нестандарт
После выбора типа конструкции необходимо выбрать расположение в проеме:
- Расположение в проеме
- Расположение перед проемом
- Расположение перед проемом в потолок
После выбора типа конструкции необходимо выбрать расположение в проеме:
- Расположение в проеме
- Расположение перед проемом
- Расположение перед проемом в потолок
Следующий этап имеет множество вариаций действий - этап отделки. На этом этапе реализованы 2 варианта работы - в стандартном режиме, когда применение отделки идет ко всем створкам одновременно и переход в эксклюзив режим с возможностью задать каждой створке свою отделку, а также настроить индивидуальный декор путем размещения вертикальных и горизонтальных профилей на створках перегородки. Конфигуратор рассчитывает площади материалов стекол, учитывает максимальный вес на створку (вес зависит от габаритов и различающегося веса разных типов материалов стекол), длины металлических профилей и число распилов, а также весь набор необходимых комплектующих. Таким образом вся схема ценообразования при производстве межкомнатных перегородок Profildoors ложится на конфигуратор. Дилеры видят оптовые и розничные цены на продукцию.
5Техническая спецификация и чертежи
Последним этапом конфигуратора идет шаг "Спецификация" - конфигуратор на основе ранее введенных данных формирует полноценный бланк заказа на межкомнатную перегородку, включающий не только фронтальную визуализацию самой модели, но и технические чертежи, далее передаваемые на производство и сборку. Техническая часть спецификации содержит следующие сгенерированные чертежи:- Фронтальный чертеж перегородки в закрытом фиде с габаритными размерами
- Чертеж перегородки вида сверху в открытом виде с указанием габаритов проема
- Чертеж перегородки вида сверху в закрытом виде с указанием светового проема
- Фронтальный чертеж створки с расстояниями до профилей и ручек
- Чертеж створки вида сверху
- Легенда проекта с указанием габаритов и параметров
Также после блока чертежей в зависимости от типа конструкции и открывания к PDF спецификации прикрепляется блок технический документ для дизайнера, прораба, строителя, содержащий общие сведения о монтаже и подготовке проемов для установки перегородки.
Также в счете-спецификации указывается стоимость конструкции, срок актуальности цены и контактные данные клиента и менеджера для последующей коммуникации
6Интеграция по API с дистрибьютерами
Со всеми дистрибьютерами были проведена общая встреча и утвержден формат взаимодействия в виде универсального API для вызова конфигуратора и перехода на него с авторизацией и ценами конкретного региона.Из личного кабинета партнер попадает в конфигуратор с hash-ссылкой, содержащей все необходимые для авторизации данные, далее конфигуратор по API запрашивает у b2b-портала актуальность данного hash-кода и после прохождения проверки предоставляет доступ к конфигуратору. При определенных условиях возможно предоставления выбора региона, с ценами и прайс-листом которого будет доступна работа в конфигураторе. Результат работы конфигуратора также передается в личный кабинет партнера и содержит созданную номенклатуру перегородки и файл счет-спецификация в PDF для дальнейшей работы.
7Результаты внедрения конфигуратора
Количественные показатели:- Конфигуратор стали использовать все дилеры фабрики Profildoors
- Время подготовки КП на перегородки сократилось с 1-2 рабочих дней до 10-20 минут
- Клиенты получают информацию, технические габариты и цены на перегородки в реальном времени
- Была стандартизирована схема заказа на перегородки
- Ускорился ввод новых механизмов и материалов перегородок
- Прозрачность расчета стоимости
- Возможность экспериментировать с вариантами
- Уверенность в правильности выбора
- Сокращение рутинных операций
- Увеличение количества обрабатываемых заявок
- Профессиональный инструмент презентации
- Стандартизация входящих заказов
- Снижение количества доработок
- Оптимизация загрузки цехов
Оглавление
Оглавление
В результате внедрения конфигуратора
Был сокращен отдел технических инженеров на фабрике, занимавшийся расчетами и подготовкой чертежей
Время подготовки КП сократилось с 1-2 рабочих дней до 10-20 минут - расчеты клиентам теперь формируются в реальном времени в момент нахождения в шоуруме
Количество ошибок в заказах снизилось более чем на 20%, снизились требования к опыту и квалификации персонала магазинов
Увеличение количества обрабатываемых заявок на расчет межкомнатных перегородок
В результате конфигуратор стал неотъемлемой частью процесса
Нужен похожий проект?
Расскажите о задаче — покажем близкие по смыслу работы и предложим решение со сроками и бюджетом.
Похожие проекты
