Разработка конструктора мебели для фабрик и салонов
Конструктор мебели позволяет настроить изделия по правилам фабрики, сразу узнать цену и проверить расстановку в комнате
Задача
Разработать конструктор для мебельных фабрик и салонов, в котором покупатель самостоятельно меняет размеры и комплектацию изделий из ассортимента, получает цену и проверяет расстановку в помещении. Выбор должен оставаться в пределах производственных возможностей фабрики. Для менеджеров требовалось автоматизировать расчёт стоимости, подготовку спецификации и коммерческого предложения, в том числе для проекта из нескольких изделий.
Настройка моделей из ассортимента
Основой конструктора стали параметрические модели фабрики. Покупатель выбирает изделие и меняет разрешённые параметры. В демонстрационный каталог вошли шкаф «Лофт», шкаф-купе «Сити», комод и прикроватная тумба «Нордик», стеллаж «Грид».
У шкафов можно отдельно настроить каждую секцию: её ширину, наполнение и дверь. Изменения отображаются в 3D и на 2D-схеме. Действия можно отменить и вернуть, а изделие — сбросить к базовому варианту.
Расстановка с учётом помещения
Несколько изделий объединяются в проект с количеством, доставкой и общей спецификацией. Из проекта можно вернуться к настройке любого изделия.
В планировщике пользователь задаёт размеры комнаты, добавляет двери и окна или загружает обмерный план как подложку в масштабе. Мебель перетаскивается с привязкой к стенам. Проверки помогают заметить пересечения, перекрытые проёмы и нехватку места для открывания дверей и ящиков.
Для комплектации комнаты пользователь отмечает места под мебель и указывает их размеры. Сервис подбирает комплекты с учётом бюджета и коллекции. Готовые товары загружаются из YML или JSON; если подходящего товара нет, можно настроить параметрическую модель.
Знакомство с продуктом через демо
На главной странице объяснили принцип конструктора и разместили встроенную демонстрацию. Пользователь может сразу перейти к каталогу и попробовать настройку. Для работы с проектом доступна отдельная полноэкранная версия.
На десктопе описание и иллюстрация шкафа стоят рядом. На мобильном экране они идут друг за другом, а кнопка запуска демо расположена под описанием. Синим выделены основные действия и активный этап работы.
Производственные правила и расчёт
Движок правил проверяет диапазоны размеров, зависимости и несовместимые параметры. Недоступный вариант сопровождается объяснением, а технологическая ошибка блокирует заказ. Например, при уменьшении глубины шкафа «Лофт» до 540 мм шариковые направляющие становятся недоступны.
Стоимость складывается из материалов по площади, кромки по метражу, фурнитуры по количеству, работ и услуг. При изменении конфигурации менеджеру не нужно пересчитывать эти статьи вручную.
Правила и формулы хранятся в данных моделей. Интерфейс разработан на Preact и TypeScript, за 3D отвечает three.js. Расчётное ядро отделено от интерфейса.
Готовый проект в браузере
Опубликовали веб-MVP на GitHub Pages: сайт со встроенным демо и полноэкранный конструктор. Вычисления выполняются в браузере, проект сохраняется локально в localStorage.
Покупатель может настроить мебель из демонстрационного ассортимента, получить расчёт и проверить размещение в комнате. Сервис формирует деталировку с размерами и перечень фурнитуры, выгружает данные в CSV и JSON и сохраняет изображение. Менеджер может подготовить коммерческое предложение в PDF через печать браузера и отправить ссылку на конфигурацию.
Цели
- Дать покупателю возможность самостоятельно настроить мебель и узнать цену
- Ограничить выбор производственными правилами фабрики
- Автоматизировать расчёт и подготовку спецификации и коммерческого предложения
- Помочь проверить расстановку и подобрать мебель для всего помещения
Целевая аудитория
- Покупатели корпусной мебели
- Менеджеры мебельных фабрик и салонов
- Дизайнеры
Что нужно пользователю
Job to be done — от ситуации к результату
Чтобы узнать стоимость мебели нужного размера и комплектации, мне приходится обращаться к менеджеру за предварительным расчётом. Ещё нужно понять, сможет ли фабрика изготовить выбранный вариант и хватит ли ему места в комнате.
Хочу самостоятельно подобрать мебель под своё помещение и бюджет, понимая её цену и ограничения изготовления.
Могу подобрать допустимую комплектацию и сразу узнать стоимость, а перед заказом проверить, не перекроет ли мебель проёмы и останется ли место для открывания дверей и ящиков.
Что внутри
Каталог параметрических моделей мебели
Настройка секций, наполнения и дверей
3D-визуализация и 2D-схема изделия
Проверка производственных ограничений с объяснением причин
Расчёт цены, деталировка и спецификация
Коммерческое предложение в PDF через печать браузера
Проект из нескольких изделий с количеством и доставкой
Планировщик с проверкой пересечений, проёмов и зон открывания
Подбор комплектов по размерам, бюджету и коллекциям
Импорт каталога из YML и JSON
Локальное сохранение проекта и ссылка на конфигурацию
Нужен похожий проект?
Расскажите о задаче — оценим объём, сроки и стоимость, предложим решение. Есть ТЗ — загрузите его и получите предварительную цифру за несколько минут.
