ПРАКТИК Home — 3D-конфигуратор
Браузерный конфигуратор гардеробных с дилерской инфраструктурой
praktik-home.ru/configurator
Разработали 3D-конфигуратор гардеробных систем на Vue.js и Verge3D с отдельным дилерским сервисом на Laravel. Каждый дилер получает изолированную версию конфигуратора с его ценами по городам и встраивает её на свой сайт через iframe. Конфигуратор является продолжением B2B-витрины ПРАКТИК Home
Задача
Дать покупателям инструмент для самостоятельного проектирования гардеробной в браузере — без визита в шоурум и без участия менеджера на начальном этапе. Покупатель собирает конфигурацию, видит стоимость и оформляет заявку с готовой спецификацией.
Параллельно построили дилерскую инфраструктуру: каждый партнёр получает собственную версию конфигуратора с его ценами по городам, которую встраивает на свой сайт одной строкой кода. Заказы приходят дилеру на почту с брендированной PDF-спецификацией.
Технологии
Интеграции
О проекте
3D-конфигуратор ПРАКТИК Home позволяет покупателю самостоятельно спроектировать гардеробную: задать размеры ниши, выбрать модули из каталога, настроить цвет и сразу увидеть итоговую стоимость. Готовый проект оформляется в заявку с PDF-спецификацией.
Конфигуратор является частью сайта-витрины ПРАКТИК Home. Он встроен в неё через iframe и работает в двух режимах: полноэкранный на сайте производителя и на сайтах дилеров — каждый партнёр получает версию со своими ценами и контактами.
Особенности проекта
3D-сцена построена на Verge3D с WebGL-рендерингом. Модели подготовлены в формате glTF с точной геометрией стыков: элементы гардеробной встают на свои места так же, как в реальности. Это важно, потому что покупатель проектирует под конкретную нишу — погрешность в размерах означает несовместимость при монтаже.
PDF-спецификация формируется прямо в браузере — сервер для этого не нужен. Как только покупатель нажимает «Заказать», документ собирается из текущего состояния 3D-сцены: состав, количество, стоимость. Документ уходит дилеру на почту вместе с заявкой.
Дилерская инфраструктура
Каждый дилер работает в своей изолированной зоне. Он задаёт цены по городам через личный кабинет, и конфигуратор на его сайте автоматически показывает региональные цены — город определяется по IP покупателя.
Встроить конфигуратор на сайт дилера просто: одна строка кода, и инструмент работает с его ценами, логотипом и контактами в PDF. Данные между сайтом дилера и конфигуратором передаются через стандартный браузерный механизм postMessage.
Для покупателей
- Проектирование гардеробной в 3D: размеры ниши, модули из каталога, расстановка элементов.
- Выбор цвета системы, стен и пола с мгновенным отображением в 3D.
- Расчёт стоимости в реальном времени по ценам ближайшего дилера.
- Сохранение проектов, создание копий, история изменений.
- Отмена и повтор любого действия.
- Скачивание PDF-спецификации и оформление заявки прямо из интерфейса.
Для дилеров и производителя
- Конфигуратор встраивается на сайт дилера через iframe — покупатели работают с ним в привычном окружении.
- Цены подставляются по городу покупателя автоматически — дилер задаёт прайс через личный кабинет с импортом из Excel.
- Заказы приходят на почту с брендированной PDF-спецификацией: логотип дилера, контакты, состав проекта.
- Каждый дилер видит только своих клиентов и проекты.
- Производитель управляет сетью дилеров через административную панель.
Другие проекты
3D-конфигуратор шкафов для ПРАКТИК PROFI
Браузерный конфигуратор шкафов для инструментов с 3D-визуализацией, дилерской инфраструктурой и AR-режимом на мобильных устройствах
ПРАКТИК Home
Сайт-витрина производителя гардеробных систем с каталогом, дилерской сетью и 3D-конфигуратором
PROMET DOOR
Сайт-витрина производителя металлических входных дверей с каталогом, дилерской сетью и B2B-инструментами
ПРАКТИК Office
Сайт-витрина российского производителя корпусной мебели для офисов, гостиниц и спортивных объектов
ANCOR
Корпоративный сайт крупнейшего HR-холдинга: поиск работы, конструктор резюме, сервисы для работодателей и интеграция с корпоративной ATS
Ormco
Редизайн корпоративного портала международного бренда ортодонтической продукции с конфигуратором брекет-систем для специалистов.
Обучение с Ormco
Кроссплатформенное мобильное приложение для врачей-ортодонтов: поддержка legacy-версии в период миграции платформы и разработка новой версии с переработанным UX.
Orthodontia
Образовательная платформа для врачей-ортодонтов на Laravel: переход с UMI.CMS, параллельная поддержка legacy API, перенос существующих интеграций и новый REST API для мобильного приложения.
Free Lines — личный кабинет
B2B-портал для клиентов логистической компании: заявки, документы, аналитика и кастомная двусторонняя интеграция с 1С
Castorama
Система управления службой доставки товаров: тарифные матрицы по зонам, кабинеты оператора и транспортного подрядчика, интеграция с интернет-магазином.
3D-конфигуратор шкафов для ПРАКТИК PROFI
Браузерный конфигуратор шкафов для инструментов с 3D-визуализацией, дилерской инфраструктурой и AR-режимом на мобильных устройствах
ПРАКТИК Home
Сайт-витрина производителя гардеробных систем с каталогом, дилерской сетью и 3D-конфигуратором
PROMET DOOR
Сайт-витрина производителя металлических входных дверей с каталогом, дилерской сетью и B2B-инструментами
ПРАКТИК Office
Сайт-витрина российского производителя корпусной мебели для офисов, гостиниц и спортивных объектов
ANCOR
Корпоративный сайт крупнейшего HR-холдинга: поиск работы, конструктор резюме, сервисы для работодателей и интеграция с корпоративной ATS
Ormco
Редизайн корпоративного портала международного бренда ортодонтической продукции с конфигуратором брекет-систем для специалистов.
Обучение с Ormco
Кроссплатформенное мобильное приложение для врачей-ортодонтов: поддержка legacy-версии в период миграции платформы и разработка новой версии с переработанным UX.
Orthodontia
Образовательная платформа для врачей-ортодонтов на Laravel: переход с UMI.CMS, параллельная поддержка legacy API, перенос существующих интеграций и новый REST API для мобильного приложения.
Free Lines — личный кабинет
B2B-портал для клиентов логистической компании: заявки, документы, аналитика и кастомная двусторонняя интеграция с 1С
Castorama
Система управления службой доставки товаров: тарифные матрицы по зонам, кабинеты оператора и транспортного подрядчика, интеграция с интернет-магазином.
Готовы обсудить вашу задачу?
Напишите нам, если ищете технического партнера, который вникнет в суть бизнеса и предложит оптимальное решение.