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

3D-конфигуратор шкафов для ПРАКТИК PROFI

Промышленное оборудование

Vue.jsVerge3DLaravel

Разработали 3D-конфигуратор шкафов для инструментов на Vue 3 и Verge3D с дилерским порталом на Laravel. Покупатель собирает многошкафный проект, настраивает цвет и наполнение, скачивает PDF-спецификацию или оформляет заказ. Конфигуратор встраивается на сайт производителя и дилеров через iframe.

Задача

Дать покупателям инструмент для самостоятельной комплектации шкафа для инструментов прямо в браузере: выбрать модель, наполнить ящики, настроить цвет и сразу увидеть стоимость. Готовый проект оформляется в заказ с PDF-спецификацией — без обращения к менеджеру на начальном этапе.

Дополнительно построили дилерскую инфраструктуру на Laravel: каждый партнёр управляет собственными ценами по городам через личный кабинет и встраивает конфигуратор на свой сайт. Заказы приходят с PDF-вложением, счёт экспортируется в учётную систему.

Технологии

Vue.jsVerge3DThree.jsjsPDFLaravelPHPMySQL

Интеграции

DaDataSFTP

О проекте

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

Особенности конфигуратора

3D-сцена построена на Verge3D с WebGL-рендерингом: модели шкафов загружаются в формате GLB, элементы наполнения расставляются по ящикам с точным соблюдением геометрии. Покупатель в реальном времени видит итоговую конфигурацию с выбранными цветами рамы, фасадов и декоративных элементов.

В отличие от конфигуратора с одним изделием, здесь реализован режим «Проект»: покупатель может собрать несколько шкафов разных моделей, переключаться между ними во вкладках и получить общую спецификацию и стоимость по всему проекту.

PDF-спецификация формируется прямо в браузере через jsPDF — со скриншотами 3D-сцены и детализацией по позициям. На мобильных устройствах доступен AR-режим: покупатель может «поставить» шкаф в своё помещение через камеру телефона.

Дилерская инфраструктура

Бэкенд на Laravel реализует полноценный дилерский портал. Каждый партнёр управляет своими ценами по городам через личный кабинет — прайс-лист загружается через импорт Excel, город покупателя определяется автоматически по IP через DaData. Конфигуратор встраивается на сайт дилера одной строкой.

При выставлении счёта XML-документ с составом заказа и ценами автоматически выгружается на SFTP для дальнейшей обработки в учётной системе производителя.

Для покупателей

Выбор модели шкафа из каталога с разбивкой по категориям.
Наполнение ящиков элементами из библиотеки: инструменты, органайзеры, разделители.
Настройка цвета рамы, фасадов и декоративных панелей с мгновенным отображением в 3D.
Многошкафный проект: несколько шкафов с единой спецификацией и итоговой стоимостью.
Скачивание PDF-спецификации прямо из интерфейса.
AR-просмотр шкафа в реальном помещении на мобильных устройствах.

Для дилеров и производителя

Конфигуратор встраивается на сайт дилера через iframe — покупатели работают в знакомом окружении.
Цены подставляются по городу покупателя: дилер задаёт прайс через импорт Excel, город определяется по IP через DaData.
Заказ с PDF-спецификацией автоматически отправляется на почту клиента и дилера.
Счёт формируется в XML и выгружается на SFTP для учётной системы.
Сохранение проектов в личном кабинете дилера с превью каждого шкафа.

Другие проекты

Техническая поддержка сайта LaggarTT (METEOR)

1С-Битрикс

Отопительное оборудование

Техническая поддержка сайта LaggarTT (METEOR)

Сопровождение и развитие корпоративного сайта компании

1С-БитриксPHP

Мебель и интерьер

ПРАКТИК Home

Сайт-витрина производителя гардеробных систем с каталогом, дилерской сетью и 3D-конфигуратором

Vue.jsVerge3DLaravel

Мебель и интерьер

ПРАКТИК Home — 3D-конфигуратор

Браузерный конфигуратор гардеробных с дилерской инфраструктурой

1С-БитриксPHP

Строительство и ремонт

PROMET DOOR

Сайт-витрина производителя металлических входных дверей с каталогом, дилерской сетью и B2B-инструментами

1С-БитриксPHP

Мебель и интерьер

ПРАКТИК Office

Сайт-витрина российского производителя корпусной мебели для офисов, гостиниц и спортивных объектов

1С-БитриксPHPTwig

HR и рекрутмент

ANCOR

Корпоративный сайт крупнейшего HR-холдинга: поиск работы, конструктор резюме, сервисы для работодателей и интеграция с корпоративной ATS

LaravelPHP1С

Медицина

Ormco

Редизайн корпоративного портала международного бренда ортодонтической продукции с конфигуратором брекет-систем для специалистов.

IonicVue.jsCapacitor

Медицина

Обучение с Ormco

Кроссплатформенное мобильное приложение для врачей-ортодонтов: поддержка legacy-версии в период миграции платформы и разработка новой версии с переработанным UX.

LaravelPHP1С

Медицина

Orthodontia

Образовательная платформа для врачей-ортодонтов на Laravel: переход с UMI.CMS, параллельная поддержка legacy API, перенос существующих интеграций и новый REST API для мобильного приложения.