3D-конфигуратор шкафов-локеров


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

О проекте
Покупатель самостоятельно собирает проект: добавляет шкафы, выбирает для каждого базовый модуль, комплектует секции, настраивает цвет корпуса и дверей. Параллельно в iframe отображается 3D-модель — она обновляется в ответ на каждое изменение в конфигураторе.
Проект состоит из двух независимых приложений: конфигуратора на Vue 3, который управляет состоянием и UI, и 3D-рендерера на Verge3D (TypeScript), который отрисовывает сцену. Данные о продуктах и правилах совместимости подтягиваются из 1С-Битрикс.
PDF-спецификация содержит два скриншота каждого шкафа: с закрытыми и открытыми дверями.
Конфигурация шкафа
Базовый модуль задаёт корпус: ширину, количество ячеек и профиль шкафа. К нему добавляются дополнительные секции — конфигуратор поддерживает несколько шкафов в одном проекте. Каждая секция комплектуется независимо: штанга, полка, полка-сетка, перегородка или их комбинации. Крыша и опоры выбираются отдельно. Совместимые наполнения определяются правилами из 1С-Битрикс.
Что могут пользователи
- Собирать проект из нескольких шкафов-локеров.
- Выбирать базовый модуль и добавлять дополнительные секции.
- Настраивать наполнение каждой секции: штанга, полка, полка-сетка, перегородка.
- Выбирать цвет корпуса и дверей из 5 вариантов RAL.
- Видеть 3D-визуализацию конфигурации в реальном времени.
- Просматривать спецификацию с артикулами, ценами и итоговой стоимостью по каждому шкафу.
- Скачивать или распечатывать PDF-спецификацию со скриншотами 3D-модели.
- Отправить спецификацию на email прямо из интерфейса.
Что получает бизнес
- Покупатель самостоятельно подбирает и комплектует локер без участия менеджера на начальном этапе.
- PDF со скриншотами закрытых и открытых дверей устраняет разночтения: покупатель точно видит, что заказывает.
- Спецификация с артикулами, количеством и ценами готова к передаче в производство без дополнительной обработки.
- Данные о продуктах и правилах совместимости управляются через 1С-Битрикс — один источник правды для сайта и конфигуратора.
- Менеджер получает спецификацию с полным составом на email вместе с заявкой клиента.
Другие проекты
Готовы обсудить вашу задачу?
Напишите нам, если ищете технического партнера, который вникнет в суть бизнеса и предложит оптимальное решение.










