Система параметрического конфигурирования
О клиенте
Световые Технологии — крупная светотехническая компания, занимается производством оборудования для систем освещения, в том числе распределительных коробок и сопутствующих изделий. Продукция компании активно используется в проектном B2B-сегменте инженерами, корпоративными заказчиками, а также при работе с проектными институтами.
В рамках цифровой трансформации клиент поставил задачу создать собственный инструмент для распределительных коробок — агрегатор конфигураций, чтобы предоставлять заказчикам точные спецификации, документацию и возможность подбора решений под конкретный проект.
О проекте
Инженеры проектных институтов и B2B-заказчики не имели прямого доступа к инструментам проектирования производителя. Чтобы подобрать изделие, им приходилось связываться с менеджерами по телефону или почте, передавать параметры, ждать обратной связи, вносить правки и проходить несколько циклов согласований. Но благодаря проекту не только увеличилась скорость работы инженеров и менеджеров, но и в целом изменилась цепочка взаимодействия. Инженер получает возможность самостоятельно работать с инструментами проектирования в удобное для него время, а менеджер видеть уже сформированный подбор, готовый к дальнейшей коммерческой и производственной обработке.
Проект — 3D-конфигуратор распределительных коробок для B2B-клиентов с личным кабинетом и интеграцией с системой автоматизированного проектирования.
Система позволяет:
- создавать подборы изделий под конкретный проект,
- настраивать параметры коробок (тип, размеры, вводы, клеммы),
- видеть изменения в 3D в режиме реального времени,
- автоматически генерировать спецификации и проектную документацию,
- получать готовую проектную документацию обратно в систему,
- в личном кабинете работать с проектами и заказчиками.
Ранее клиент использовал исключительно зарубежный сервис для автоматизированного формирования чертежей. Однако конфигурирование происходило вне управляемой веб-среды, а UX и скорость работы системы не соответствовали современным требованиям.
Мы разработали веб-приложение с нуля — без доступа к исходному коду сторонних решений, и создали архитектуру, позволяющую в перспективе перенести в собственную систему и генерацию чертежей.
Платформа стала конкурентным преимуществом компании: проект позволил упростить и ускорить взаимодействие между инженерами и менеджерами, передав проектирование на сторону инженеров и устранив лишние этапы согласований.
Цели
Создать единый цифровой контур конфигурирования изделий
Ускорить и упростить работу менеджеров и инженеров
Исключить технически некорректные конфигурации
Подготовить фундамент для дальнейшего масштабирования
Решение
Мы разрабатывали решение как часть будущей цифровой экосистемы компании Световые Технологии. Система изначально проектировалась как агрегатор конфигураций связанный с проектом заказчика и подбором изделий.
Архитектура системы разделяет логику конфигурирования для проектирования изделий, 3D-визуализацию и интеграции. За счет этого платформа стабильно работает в браузере и позволяет дорабатывать алгоритмы без переработки всей системы.
Ключевой результат работы — формирование спецификации и проектной документации. Платформа передает параметры изделия в систему проектирования, где на их основе формируются документы. Пользователь получает готовые файлы, которые можно скачать, отправить на производство или использовать для дальнейшей работы над проектом
3D-конфигуратор как основа продукта
Центральным элементом решения стал браузерный 3D-конфигуратор распределительных коробок. Он предназначен для инженеров и менеджеров, которые подбирают изделия под конкретный проект заказчика и должны сразу видеть результат своей настройки.
Мы реализовали поддержку нескольких типов коробок — прямоугольных и круглых (R и RM), с динамическим изменением интерфейса в зависимости от выбранного типа. При смене формы система автоматически добавляет или скрывает соответствующие блоки параметров, исключает неподдерживаемые элементы из валидации и передачи данных, при этом сохраняя уже введенные общие значения. Это важно для реальных рабочих сценариев, когда пользователь экспериментирует с конфигурацией и сравнивает варианты.
3D-модели были специально подготовлены и оптимизированы для работы в браузере: с минимальной, но инженерно достаточной детализацией. Мы переработали исходные болванки, снизили нагрузку на рендеринг и добились плавной работы даже при большом количестве элементов на сцене.
Инженерные алгоритмы размещения кабельных вводов
Самой сложной частью проекта стала реализация алгоритмов размещения кабельных вводов. Конфигуратор работает не с условными отверстиями, а с реальными габаритами вводов, учитывая их внешний диаметр и обязательные технологические зазоры. Это принципиально важно для достоверности конфигурации.
Система автоматически размещает элементы на поверхности изделия с учетом заданных параметров и технических ограничений. Она подбирает оптимальное расположение и сразу адаптирует его при изменении конфигурации. Если в выбранной конфигурации возникают ошибки или пересечения, система сразу показывает это в интерфейсе, подсвечивая проблемные зоны. В итоге инженер сразу видит, насколько решение корректно и реализуемо.
Режим точной ручной компоновки
Понимая, что автоматические алгоритмы не всегда закрывают все инженерные кейсы, мы реализовали расширенный режим ручного управления. В этом режиме пользователь может работать с отдельными вводами или группами вводов, переключаясь между 2D- и 3D-представлением.
Пользователь может удобно работать с элементами: выделять их, выбирать сразу несколько и объединять в группы. При этом система автоматически пересчитывает их положение и сохраняет корректность конфигурации, применяя те же правила, что и для отдельных элементов. В результате инженер получает гибкий инструмент для работы с нестандартными задачами.
Личный кабинет и логика «подбора»
Вокруг конфигуратора был выстроен полноценный веб-интерфейс с личным кабинетом. Система поддерживает роли пользователя и администратора с четким разграничением прав доступа.
Пользователь работает так: «заказчик → проект → подбор → изделие». Он может создавать подборы, дублировать их для похожих задач, добавлять теги и заметки, отслеживать статус подготовки документации и получать уведомления о готовности спецификаций. Это превращает конфигуратор в готовую рабочую среду для проектной деятельности.
Администратор, в свою очередь, управляет пользователями, компаниями, глобальными справочниками и интеграциями.
Бизнес-результат
В результате клиент получил собственный 3D-конфигуратор, работающий быстрее и отзывчивее, чем используемое ранее решение. Процесс подбора изделий стал управляемым, прозрачным и интегрированным в цифровую среду компании.
Система снизила риск проектных ошибок, ускорила работу менеджеров и инженеров и создала технологическую основу для дальнейшего развития продукта.
Для нас проект стал демонстрацией экспертизы в разработке сложных инженерных веб-систем с 3D-логикой, алгоритмической точностью и промышленной интеграцией в производственные процессы.
Вызовы
Основным технологическим вызовом стала синхронизация веб-интерфейса и 3D-модели в режиме реального времени. Необходимо было обеспечить мгновенную перерисовку, корректную математическую модель позиционирования и устойчивую работу в браузере при высокой вариативности параметров.
Сложность добавляла инженерная специфика: размещение элементов должно учитывать реальные технологические ограничения. Это потребовало глубокого погружения в предметную область и совместной работы с экспертами со стороны клиента.
Технологии
- PostgreSQL, Redis, Nginx, PHP Symfony, React.js
Годы работы
2025 — настоящее время
