Всё строится прямо в браузере, открывается на телефоне и ноутбуке и не качает тяжёлых моделей. Это демонстрации: в рабочем конфигураторе будут ваши модели, правила и цены.
Недвижимость
Сборка дома
Четыре типа проектов: классика, модерн Г, барнхаус и вилла с бассейном. Размеры, отделка, остекление, опции — цена пересчитывается при каждом клике.
Сложный продукт плохо продаётся по картинке и прайсу: покупателю нужно понять, как изделие будет выглядеть в его варианте и сколько это стоит. Обычно этот разговор ведёт менеджер по телефону, и половина обращений теряется на этапе «перезвоните, уточните». Конфигуратор переносит эту работу на сайт: посетитель сам выбирает параметры, видит модель с трёх сторон, получает цену и отправляет заявку, в которой уже есть спецификация.
Для компании это обращения с уточнённым запросом вместо общих вопросов, для менеджера готовая спецификация, для сайта время на странице и повод вернуться: конфигурацию можно сохранить ссылкой и показать коллегам или руководителю.
02
Что видит покупатель
Конфигуратор живёт на странице продукта или на отдельной посадочной. Сначала посетитель видит лёгкий постер, по клику запускается 3D-сцена: изделие можно вращать, приближать, переключать исполнения, цвета и размеры. Цена и характеристики пересчитываются при каждом выборе. Кнопка «Получить расчёт» открывает короткую форму, к которой автоматически прикладывается выбранная конфигурация.
В демо ниже это можно попробовать: собрать дом с четырьмя типами проектов и режимом планировки, выбрать квартиру в башне по этажу и статусу, собрать складской стеллаж из секций со спецификацией или настроить промышленный просеиватель по материалу, цвету и высоте выгрузки.
03
Как мы делаем конфигуратор
Движок WebGL без фреймворков, поэтому страница весит от 0,2 до 1,6 МБ, а не десятки мегабайт, и встраивается в любой сайт. Для демонстраций геометрия построена параметрически: любой размер меняется живьём, а не переключением заготовок. В рабочих проектах используем ваши модели из CAD, подготовленные для браузера: сжатие геометрии и текстур, повторяющиеся модули через инстансинг, упрощённые версии для дальних планов.
Рендер по требованию: пока сцена не меняется, видеокарта не работает, поэтому телефон не греется и не садится. На мобильных устройствах отключается постобработка, разрешение подстраивается под производительность. Все эти бюджеты проверяем на каждом проекте, а не только на демо.
04
Этапы работы
Начинаем с параметров: что выбирает покупатель, какие сочетания допустимы, как считается цена. По ним собираем интерактивный макет без финального визуала и согласовываем логику. Затем готовим модели и материалы, доводим картинку до уровня, с которым обращаются к премиальным поставщикам, подключаем расчёт цены, форму заявки и аналитику. После запуска считаем, сколько заявок приходит с конфигурацией и как они конвертируются в сделки.
Объём и стоимость зависят от числа параметров, наличия моделей и сложности правил. Опишите продукт, и мы назовём механику и состав работ.
Для каких товаров это работает
Конфигуратор нужен там, где у продукта много вариантов, а цена зависит от выбора. Три типовые механики закрывают большинство задач производств.
Исполнения
Одно изделие, много вариантов, как у автомобиля: выбрали параметры, увидели модель и цену. Насосы, мотор-редукторы, арматура, вентиляторы, промышленные ворота.
Модульная сборка
Система из стандартных блоков. Правила совместимости проверяются сразу, спецификация собирается сама. Стеллажи, мезонины, конвейеры, блок-контейнеры, модульные здания.
Под размер
Изделие считается по габаритам заказчика, цена зависит от длины, высоты и материала. Лестницы и площадки, перегородки, ворота, навесы, ёмкости.
Недвижимость: сборка дома
Размеры, стены, кровля, отделка и опции с пересчётом цены. Каркасные и кирпичные дома, коттеджные посёлки, модульные дома.
Недвижимость: выбор квартиры
3D-дом, этаж, квартира с планировкой и статусом. Застройщики и агентства новостроек.
Оборудование с вариантами
Материал, цвет, типоразмер и опции промышленной машины с разрезом и подписями узлов. Пищевое, упаковочное, складское оборудование.
Как конфигуратор встраивается на сайт
01
Постер на странице
Сначала лёгкая картинка: страница и поисковики загружаются как обычно, Lighthouse и скорость сайта не страдают.
02
3D по клику
Конфигуратор запускается по нажатию или при входе в экран. Рендер по требованию: пока ничего не двигается, видеокарта и батарея телефона отдыхают.
03
Данные компании
Ваши модели из CAD, размеры, правила совместимости и цены заменяют демонстрационные. Конфигурация кодируется в ссылку, её можно переслать коллеге.
04
Заявка со спецификацией
Кнопка «Получить расчёт» отправляет менеджеру контакты вместе с выбранной конфигурацией: в CRM, на почту или в Telegram.
Частые вопросы
Нужны ли готовые 3D-модели нашей продукции?
Если есть модели из CAD (STEP, SolidWorks, Revit), мы подготовим их для браузера: сожмём, уберём лишние детали, настроим материалы. Если моделей нет, геометрию типовых изделий можно построить параметрически, как в демо: тогда любой размер меняется живьём, а страница весит сотни килобайт, а не десятки мегабайт.
Будет ли это работать на телефоне?
Да. Демо на этой странице открываются на телефоне и ноутбуке: на мобильных отключается тяжёлая постобработка, подстраивается разрешение, панель настроек уходит вниз. Бюджет на страницу закладываем заранее и проверяем на реальных устройствах.
На какой сайт можно встроить конфигуратор?
На любой: WordPress, 1С-Битрикс, Tilda, самописный. Конфигуратор — это отдельная страница или блок на вашем домене без фреймворков и внешних сервисов, подключается одним тегом или через iframe.
Как конфигуратор связан с заявками и ценой?
Цена считается по вашим правилам прямо при выборе параметров. Заявка уходит вместе с конфигурацией и спецификацией туда, где вы работаете с обращениями: в CRM, на почту, в Telegram. Так менеджер получает уточнённый запрос, а не пересказ по телефону.
Что нужно от нас для старта?
Список параметров изделия и их вариантов, правила совместимости, логика цены и материалы: чертежи, модели или фото с размерами. По этим данным мы собираем первый интерактивный макет и согласовываем его до разработки.
