Кейс наших клиентов из Восточной Европы: модернизация локального производства в масштабируемый бизнес с помощью CPQ решения с 3D конфигуратором.
Введение
30 лет на одном рынке
Наш клиент — семейное мебельное предприятие из Румынии, которое более 30 лет производит мебель по индивидуальным заказам. В регионе компанию знают за умение создавать решения для помещений с нестандартными размерами, что характерно для многих домов Восточной Европы.
Точка роста
Владельцы компании поставили цель выйти на соседние рынки. И для этого стремилась преодолеть ограничения традиционного, трудоёмкого производства. Для достижения цели компания привлекла нашу команду.
Стратегия, которая была сформирована, заключалась в запуске новой линейки более простой и доступной мебели с возможностью сконфигурировать “под себя” и заказать онлайн. Ожидаемый результат: повышение операционной эффективности, сокращение издержек и максимальная загрузка производственных мощностей.
Мы разработали кастомную CPQ платформу и 3D конфигуратор, которые позволяют автоматизировать проектирование изделий, расчёт цены и оформление заказа, сохраняя при этом фирменное качество и индивидуальный подход.
Стратегия, которая была сформирована, заключалась в запуске новой линейки более простой и доступной мебели с возможностью сконфигурировать “под себя” и заказать онлайн. Ожидаемый результат: повышение операционной эффективности, сокращение издержек и максимальная загрузка производственных мощностей.
Мы разработали кастомную CPQ платформу и 3D конфигуратор, которые позволяют автоматизировать проектирование изделий, расчёт цены и оформление заказа, сохраняя при этом фирменное качество и индивидуальный подход.
CPQ
CPQ (Configure, Price, Quote) — это система, которая автоматизирует процесс формирования конфигураций, расчёта цен и подготовки коммерческих предложений для любого вида товаров или услуг. Она учитывает совместимость элементов, материалы, размеры и дополнительные опции, автоматически формируя итоговую стоимость заказа. Мы разрабатываем CPQ‑решения в формате веб‑приложений, ориентируясь на реальные задачи и проблемы вашего бизнеса.
Первоначальный объём и корректировки
С первых встреч стало понятно, что компании нужна система, способная справляться и с высокой сложностью кастомизации, и с экономически эффективным масштабированием. Мы совместно решили начать с MVP, сосредоточившись на двух ключевых элементах: e‑commerce платформе и встроенном 3D‑конфигураторе.
Цели, которые должны были быть достигнуты, с помощью СPQ
- Оптимизировать весь процесс продажи изделия — от создания дизайна изделия до расчёта цены и оформления заказа
- Создать удобную онлайн‑платформу, где можно легко настроить и купить мебель.
- Обеспечить масштабируемость и гибкость для будущего расширения ассортимента.
- Интегрировать платформу с CRM компания для управления заказами и производством.
Ключевой компонент CPQ — 3D‑конфигуратор, позволяющий покупателям в режиме реального времени «собрать» мебель и сразу увидеть результат.
Параметры мебели, которые можно изменить с помощью конфигуратора:
- Материалы — различные породы древесины, ламинированные плиты, металл.
- Цвета и покрытия — варианты зависят от выбранного материала.
- Габариты — точные размеры шкафов, тумб, кухонных модулей, включая нестандартные.
- Фурнитура — ручки, ножки, штанги и другие аксессуары.
Правила и ограничения конфигурации
Одним из важных аспектов проекта было размещение сложных вариантов конфигурации, которые требовались нашему заказчику. Конфигуратор должен динамически изменять размеры, материалы и отделку изделий, что требует установки правил и ограничений в конфигуратор, например, ограничения на размещение дверей, ручек и аксессуаров или ограничения по размеру в зависимости от производственных возможностей.
Чтобы избежать несовместимых комбинаций, мы заложили правила конфигурации внутрь CPQ‑платформы
Конфигуратор учитывает эти условия автоматически и не дает пользователю задать настройки, которые было бы невозможно воплотить в жизнь на производстве. Это позволило разгрузить менеджеров компании-клиента и избавить от детальной проверки заказов.
Оптимизация продаж и производства с помощью e‑commerce‑инструментов
Дорогостоящие заказы всегда вызывают “сопротивление” у покупателя и требуют тщательной оценки перед покупкой. 3D-конфигураторы помогают визуализировать детали продуктов, их окончательный дизайн, модульную структуру и технические особенности.
Интеграция системы и платформы
Мы модернизировали панель администрирования, чтобы она была совместима с 3D-конфигуратором: добавили функции для отслеживания заказов, управления конфигурациями и формирования коммерческих предложений. При желании, в будущем, она может быть интегрирована с CRM заказчика. Но уже сейчас панель администрирования служит системой для эффективной работы с клиентской базой и продажами. В отличие от более сложных CPQ-решений, требующих ERP и складских модулей, в данном проекте нужен был простой, прямой канал между 3D-конфигуратором (инструментом проектирования) и производством, реализованный через панель администратора.
Клиентоориентированный опыт
CPQ-платформа создана для интуитивно понятного процесса выбора и настройки продукции. Благодаря дружественного UX/UI (включая интерфейс 3D-конфигуратора), пользователям не требуется проходить обучение: читать мануалы или просматривать видео-инструкции. Конфигуратор не только предоставляет точное визуальное представление мебели в реальном времени, но и автоматически учитывает заданные правила и ограничения. Такой подход позволяет даже пользователям без технического опыта уверенно подбирать и задавать нужные параметры изделия.
Создание 3D‑конфигуратора
Мы строим решение, которого нет на других платформах
Мы разработали индивидуальное решение, которого не найти на других платформах. 3D-конфигуратор стал центральным элементом CPQ-платформы. Мы создали его на базе Three.js — популярного фреймворка для 3D-визуализации, который обеспечивает высокую детализацию и отзывчивую прорисовку моделей.
Процесс разработки
Разрабатывая 3d конфигуратор мы плотно взаимодействовали с командой заказчика, особенно во время обработки предоставленных ими детализированных CAD-моделей. Модели включали элементы мебели — ручки, ножки и другие аксессуары, которые необходимо было корректно отображать в конфигураторе. Наша команда сфокусировалась на оптимизации этих моделей для web-среды, чтобы сохранить высокие визуальные стандарты без ущерба для скорости загрузки и производительности.
В ходе разработки мы учли сложную структуру продукции и при этом сохранили удобный интерфейс для пользователя. Некоторые модели мебели требовали динамического изменения размеров и материалов в реальном времени, что требовало оптимизации и самих 3D-моделей, и программной основы конфигуратора. Он предоставляет множество настроек в режиме реального времени (размеры, материалы, расположение дверей, аксессуары и т. д.), и все они должны отображаться максимально точно и без задержек.
В ходе разработки мы учли сложную структуру продукции и при этом сохранили удобный интерфейс для пользователя. Некоторые модели мебели требовали динамического изменения размеров и материалов в реальном времени, что требовало оптимизации и самих 3D-моделей, и программной основы конфигуратора. Он предоставляет множество настроек в режиме реального времени (размеры, материалы, расположение дверей, аксессуары и т. д.), и все они должны отображаться максимально точно и без задержек.
Задачи и решения
Одной из ключевых задач проекта стало достижение гибкости конструкции, необходимой для мебельного конфигуратора. Система создавалась вручную, благодаря кастомной разработке, что обеспечило обширные возможности в дизайне и настройке. Нам нужно было уметь обрабатывать большое разнообразие мебельных моделей. И в то же время гарантировать, что каждая конфигурация будет корректно визуализироваться и настраиваться в соответствии с предпочтениями пользователя.
Еще одной задачей стала работа с CAD-моделями. Они были необходимы для максимально точной передачи внешнего вида мебели, но высокая детализация делала их неподходящими для web-рендеринга. Чтобы решить эту проблему, мы оптимизировали модели, снизив количество полигонов и упростив текстуры. В завершение мы добавили реалистичное освещение, добившись визуально привлекательной и единой 3D-среды.
Еще одной задачей стала работа с CAD-моделями. Они были необходимы для максимально точной передачи внешнего вида мебели, но высокая детализация делала их неподходящими для web-рендеринга. Чтобы решить эту проблему, мы оптимизировали модели, снизив количество полигонов и упростив текстуры. В завершение мы добавили реалистичное освещение, добившись визуально привлекательной и единой 3D-среды.
Автоматизация ценообразования и квотирования
Ценность на каждом этапе
Платформа нацелена на предоставление ценности на каждом этапе взаимодействия с ней. Начальные инвестиции покрывают индивидуальные интеграции и функции, адаптированные под нужды вашего бизнеса. При дальнейшем сопровождении, регулярном обслуживании, обновлениях и обучении команды платформа продолжает развиваться и непрерывно оптимизировать свою работу. Помимо ощутимых преимуществ уже на старте, она предлагает долгосрочную выгоду, выступая надежным партнером на пути к успеху.
Одним из ключевых аспектов платформы стала функциональность ценообразования и формирования коммерческих предложений для индивидуальных заказов. Наше решение позволяет автоматически рассчитывать стоимость заказа на основе широкого набора переменных. Благодаря автоматизации этой части рабочего процесса, CPQ-платформа значительно снижает время и усилия, которые обычно уходят на ручные расчеты и многократные проверки.
Одним из ключевых аспектов платформы стала функциональность ценообразования и формирования коммерческих предложений для индивидуальных заказов. Наше решение позволяет автоматически рассчитывать стоимость заказа на основе широкого набора переменных. Благодаря автоматизации этой части рабочего процесса, CPQ-платформа значительно снижает время и усилия, которые обычно уходят на ручные расчеты и многократные проверки.
Принцип ценообразования
Система ценообразования в CPQ-платформе была разработана с учетом нескольких параметров:
- Площадь поверхности изделий и материалы
- Аксессуары
- Габариты
- Расчет стоимости доставки
Обработка крупных заказов
Хотя изначально упор делался на вариативных, единичных предметах мебели, а не на массовые партии, CPQ-платформа способна обрабатывать и комплексные заказы. Даже если пользователь выбирает несколько опций кастомизации (например, сочетая различные материалы или меняя размеры), система автоматически и точно вычисляет итоговую стоимость без ручных корректировок.
Планы на будущее
Текущая реализация сосредоточена на работе с индивидуальными заказами, система изначально спроектирована с учетом дальнейшего расширения. В перспективе команда планирует внедрить следующие функции:
- Оптовые скидки: Предоставление сниженных цен при больших объемах однотипных предметов мебели, что может быть востребовано для сторонних дистрибьюторов, B2B-направления или крупных заказчиков.
- Скидки и акции: Настраиваемые промо-предложения и сезонные скидки для отдельных позиций или конфигураций.
- Интеграция с дополненной реальностью (AR): Возможность просматривать мебель в реальном окружении.
- Загрузка 3D-моделей: Позволяет пользователям скачивать 3D-модели настроенных изделий.
- Личные кабинеты: Дает возможность управлять конфигурациями (при необходимости — с разными уровнями доступа).
- 3D-планировщик: Интерактивный инструмент для создания планов интерьеров.
- Расширенные возможности кастомизации: Еще больше опций для детальной персонализации продукции.
Технологический стек CPQ‑решения
Vendure
Для eCommerce-платформы мы остановились на Vendure — это open-source headless-фреймворк, обеспечивающий необходимую гибкость для разработки CPQ-решения. В отличие от готовых платформ вроде WooCommerce или Shopify, Vendure позволило адаптировать функционал под конкретные требования, включая плотную интеграцию с 3D-конфигуратором. Vendure имеет модульную архитектуру и использует Node.js и NestJS, что делает его идеальным выбором для создания масштабируемой платформы с заделом на будущее.
Three.js
Для 3D-визуализации мы применили Three.js — надежную JavaScript-библиотеку для рендеринга трехмерной графики в браузере. Учитывая сложность дизайнов, Three.js обеспечил необходимую гибкость и высокую производительность. В более требовательных сценариях мы часто используем Verge3D, но для данного проекта Three.js стал оптимальным решением, объединив в себе достаточную функциональность и удобство в работе.
JavaScript/TypeScript
Весь фронтенд конфигуратора был разработан на JavaScript и TypeScript, что позволило создать надежную и легко сопровождаемую кодовую базу. Эти технологии также упростили интеграцию с общей системой и дали возможность реализовать динамические и адаптивные возможности конфигуратора.
Полученные результаты
С помощью CPQ-платформы были оптимизированы производственные процессы и автоматизированы трудоемкие ручные задачи, такие как проверка конфигураций и расчёт стоимости. Особенно эффективным решение оказалось для уникальных мебельных проектов, которые ранее требовали большого количества времени для проектирования вручную. Наша решение сократило время на дизайн и настройку изделий, позволив уделять больше внимания творчеству и инновациям вместо рутинных операций.
Для клиентов платформа обеспечивает удобный процесс покупки, отвечающий современным ожиданиям в сфере электронной торговли. Покупатели могут без труда настроить мебель и получить реалистичный визуальный предварительный просмотр — это доказано повышает уверенность в покупке и конверсию продаж.
CPQ-решение также поддерживает планы по дальнейшему росту, обеспечивая масштабируемость и гибкость для запуска новых продуктовых линеек и расширения ассортимента на более широкую аудиторию.