3D-конфигуратор шкафов-локеров
3D-конфигуратор шкафов-локеров ML с генератором PDF-спецификации
https://www.safe.ru/ml-lockers-configurator/
Разработали браузерный конфигуратор шкафов-локеров, который позволяет заказчикам собирать индивидуальные конфигурации под свои задачи и помещения.
Задача
Промет производит металлические шкафы-локеры под брендом Практик. Покупателю нужен инструмент, чтобы самостоятельно собрать нужную конфигурацию: выбрать модели шкафов, задать наполнение каждой секции и цвет, увидеть итоговую стоимость и получить документ для заказа — без участия менеджера на начальном этапе.
Проработали детали: каждую секцию можно увидеть в разном цветовом исполнении, с открытыми и закрытыми дверями, а также в исполнении с ножками и скатной крышей.
Технологии
Интеграции
О проекте
Покупатель самостоятельно собирает проект: добавляет шкафы, выбирает для каждого базовый модуль, комплектует секции, настраивает цвет корпуса и дверей. Параллельно в iframe отображается 3D-модель — она обновляется в ответ на каждое изменение в конфигураторе.
Проект состоит из двух независимых приложений: конфигуратора на Vue 3, который управляет состоянием и UI, и 3D-рендерера на Verge3D (TypeScript), который отрисовывает сцену. Данные о продуктах и правилах совместимости подтягиваются из 1С-Битрикс.
PDF-спецификация содержит два скриншота каждого шкафа: с закрытыми и открытыми дверями.
Конфигурация шкафа
Базовый модуль задаёт корпус: ширину, количество ячеек и профиль шкафа. К нему добавляются дополнительные секции — конфигуратор поддерживает несколько шкафов в одном проекте. Каждая секция комплектуется независимо: штанга, полка, полка-сетка, перегородка или их комбинации. Крыша и опоры выбираются отдельно. Совместимые наполнения определяются правилами из 1С-Битрикс.
Что могут пользователи
- Собирать проект из нескольких шкафов-локеров.
- Выбирать базовый модуль и добавлять дополнительные секции.
- Настраивать наполнение каждой секции: штанга, полка, полка-сетка, перегородка.
- Выбирать цвет корпуса и дверей из 5 вариантов RAL.
- Видеть 3D-визуализацию конфигурации в реальном времени.
- Просматривать спецификацию с артикулами, ценами и итоговой стоимостью по каждому шкафу.
- Скачивать или распечатывать PDF-спецификацию со скриншотами 3D-модели.
- Отправить спецификацию на email прямо из интерфейса.
Что получает бизнес
- Покупатель самостоятельно подбирает и комплектует локер без участия менеджера на начальном этапе.
- PDF со скриншотами закрытых и открытых дверей устраняет разночтения: покупатель точно видит, что заказывает.
- Спецификация с артикулами, количеством и ценами готова к передаче в производство без дополнительной обработки.
- Данные о продуктах и правилах совместимости управляются через 1С-Битрикс — один источник правды для сайта и конфигуратора.
- Менеджер получает спецификацию с полным составом на email вместе с заявкой клиента.
Другие проекты
3D-конфигуратор шкафов для ПРАКТИК PROFI
Браузерный конфигуратор шкафов для инструментов с 3D-визуализацией, дилерской инфраструктурой и AR-режимом на мобильных устройствах
B2B-витрина ПРАКТИК Home
Сайт-витрина производителя гардеробных систем с каталогом, дилерской сетью и 3D-конфигуратором
Интернет-магазин мебели GET
Разработали серверную часть интернет-магазина мебели: партнёрский кабинет с интеграцией 1С, заказ в один клик, рассрочка на 4 месяца и механика наборов
ПРАКТИК Home — 3D-конфигуратор
Браузерный конфигуратор гардеробных с дилерской инфраструктурой
B2B-витрина ПРАКТИК Office
Сайт-витрина российского производителя корпусной мебели для офисов, гостиниц и спортивных объектов
B2B-витрина PROMET DOOR
Сайт-витрина производителя металлических входных дверей с каталогом, дилерской сетью и B2B-инструментами
Калькуляторы стеллажей Промет
Конфигураторы стеллажей Практик: подбор комплектующих с артикулами и ценами, схема ряда в реальном времени, PDF-спецификация и дилерский счёт.
B2B-портал Ormco
Редизайн корпоративного портала международного бренда ортодонтической продукции с конфигуратором брекет-систем для специалистов.
Мобильное приложение «Обучение с Ormco»
Кроссплатформенное мобильное приложение для врачей-ортодонтов: поддержка legacy-версии в период миграции платформы и разработка новой версии с переработанным UX.
Образовательный портал Orthodontia
Образовательная платформа для врачей-ортодонтов на Laravel: переход с UMI.CMS, параллельная поддержка legacy API, перенос существующих интеграций и новый REST API для мобильного приложения.
3D-конфигуратор шкафов для ПРАКТИК PROFI
Браузерный конфигуратор шкафов для инструментов с 3D-визуализацией, дилерской инфраструктурой и AR-режимом на мобильных устройствах
B2B-витрина ПРАКТИК Home
Сайт-витрина производителя гардеробных систем с каталогом, дилерской сетью и 3D-конфигуратором
Интернет-магазин мебели GET
Разработали серверную часть интернет-магазина мебели: партнёрский кабинет с интеграцией 1С, заказ в один клик, рассрочка на 4 месяца и механика наборов
ПРАКТИК Home — 3D-конфигуратор
Браузерный конфигуратор гардеробных с дилерской инфраструктурой
B2B-витрина ПРАКТИК Office
Сайт-витрина российского производителя корпусной мебели для офисов, гостиниц и спортивных объектов
B2B-витрина PROMET DOOR
Сайт-витрина производителя металлических входных дверей с каталогом, дилерской сетью и B2B-инструментами
Калькуляторы стеллажей Промет
Конфигураторы стеллажей Практик: подбор комплектующих с артикулами и ценами, схема ряда в реальном времени, PDF-спецификация и дилерский счёт.
B2B-портал Ormco
Редизайн корпоративного портала международного бренда ортодонтической продукции с конфигуратором брекет-систем для специалистов.
Мобильное приложение «Обучение с Ormco»
Кроссплатформенное мобильное приложение для врачей-ортодонтов: поддержка legacy-версии в период миграции платформы и разработка новой версии с переработанным UX.
Образовательный портал Orthodontia
Образовательная платформа для врачей-ортодонтов на Laravel: переход с UMI.CMS, параллельная поддержка legacy API, перенос существующих интеграций и новый REST API для мобильного приложения.
Готовы обсудить вашу задачу?
Напишите нам, если ищете технического партнера, который вникнет в суть бизнеса и предложит оптимальное решение.