Двери Леко — сайт фабрики с конфигуратором дверей
Сайт фабрики межкомнатных дверей с конфигуратором: модель, покрытие, размеры проёма и комплект собираются в спецификацию с ценой.
- Клиент
- «Двери Леко»
- Срок
- 5 месяцев
- Команда
- 6 специалистов
- Стек
- Laravel · Vue.js · 1С
- 320+
- моделей и коллекций
- ×2,3
- заявок на КП
- −41%
- время подбора комплекта
- 1С
- цены и наличие онлайн
Скриншоты проекта
Как конфигуратор собирает спецификацию
Сложность не в выборе модели, а в совместимости: не каждое покрытие доступно в нужном размере, а фурнитура зависит от стороны открывания и толщины стены. Поэтому конфигуратор проверяет сочетания на каждом шаге, а не после отправки заявки.
-
01
Модель и коллекция
Покупатель выбирает дверь из каталога или приходит на коллекцию из поиска — конфигуратор подхватывает модель и её покрытия.
-
02
Покрытие, цвет и стекло
Система показывает только доступные для модели сочетания: эмаль или шпон, цвет по палитре, вариант стекла.
-
03
Размеры проёма
Вводятся ширина, высота и толщина стены: конфигуратор проверяет допуски и подбирает коробку, наличники и доборы.
-
04
Комплект и КП
На выходе — состав комплекта с ценами по позициям, спецификация для выгрузки и запрос КП с параметрами заказа.
О проекте
Перестроили сайт вокруг подбора и спецификации: каталог моделей и коллекций, пошаговый конфигуратор с расчётом комплекта, страницы коллекций с интерьерными сценами, передача заявок дилерам и обмен с 1С. Двери в эмали и шпоне, нестандартные размеры и скрытые двери под покраску описаны как отдельные сценарии подбора.
Задача
Фабрика производит межкомнатные двери под заказ: модель, покрытие, размеры проёма, стекло и фурнитура собираются в спецификацию, и ошибка в ней означает брак и переделку. Продажи идут через дилеров и напрямую, а сайт оставался витриной каталога и в этом сценарии не помогал.
Комплект не собирался онлайн
Полотно, коробку, наличники, доборы и фурнитуру считал менеджер. Покупатель видел цену только за полотно, остальное уточнял письмом.
Нестандартные размеры уходили в переписку
Проёмы отличаются от типовых, а на сайте не было ни ввода размеров, ни проверки допустимых отклонений для выбранной модели.
Покрытия жили отдельно от моделей
Эмаль, шпон и экошпон описывались в общих текстах, поэтому подбор шёл по фотографиям: цвет и фактуру уточняли по телефону.
Спецификации возвращались на уточнение
Заявки приходили на общую почту без размеров и покрытия, менеджер выяснял детали повторно, а часть обращений терялась между почтой и Excel.
Решение
Основой стала связка «модель — покрытие — размеры — комплект»: конфигуратор ведёт покупателя и дилера от выбора двери до готовой спецификации, а каталог, коллекции и SEO-каркас устроены так, чтобы этот путь начинался со страницы поиска.
Каталог моделей и коллекций
Модели в эмали и шпоне собраны в коллекции с покрытиями, цветами, вариантами стекла и допустимыми размерами.
- Фильтры по покрытию и цвету
- Типовые и нестандартные размеры
- ЧПУ и микроразметка карточек
- Сравнение моделей по параметрам
Конфигуратор двери
Пошаговый подбор по параметрам заказа с пересчётом стоимости на каждом шаге.
- Выбор модели и покрытия
- Размеры проёма и допуски
- Стекло, фурнитура, открывание
- Пересчёт цены без перезагрузки
Расчёт комплекта
Стоимость считается не за полотно, а за комплект на конкретный проём, вместе с погонажем и фурнитурой.
- Расчёт по размерам проёма
- Учёт толщины стены
- Погонаж и фурнитура в цене
- Итоговая смета по позициям
Спецификация и запрос КП
Собранная конфигурация превращается в спецификацию, из которой формируется запрос КП: менеджеру фабрики или ближайшему дилеру.
- Автосборка спецификации
- Проверка комплектности заказа
- Выгрузка PDF и Excel
- Страница «где купить» с дилерами
Страницы коллекций
Коллекция — это посадочная страница, где дверь показана в наборе с погонажем и фурнитурой в интерьере.
- Сцены интерьеров по коллекциям
- Подбор погонажа и фурнитуры
- Стилевые подборки для дизайнеров
- Переход в конфигуратор из сцены
Обмен с 1С
Цены и наличие обновляются из учётной системы, а заказы и спецификации уходят обратно без ручного переноса.
- Номенклатура моделей и покрытий
- Цены и наличие по складам
- Нестандартные позиции из 1С
- Выгрузка заказов и спецификаций
Результаты
Показатели за первый год работы сайта в новом виде.
- +38%
- Рост онлайн-заявок
- год к году, по данным Метрики
- ×2,3
- Заявки через конфигуратор
- против формы «напишите нам» в старой версии сайта
- −41%
- Время подбора комплекта
- от входа в каталог до готовой спецификации
- −27%
- Спецификации с ошибками
- за счёт проверки размеров и совместимости
- 0,9 с
- LCP каталога моделей
- при 320+ моделях и фасетных фильтрах
- 99,9%
- Доступность сайта
- мониторинг и сопровождение после запуска
Как шла работа
-
01 4 недели
Аналитика и сценарии подбора
Разобрали, как дилеры и покупатели собирают заказ, и описали правила совместимости моделей, покрытий и размеров.
-
02 3 недели
Прототип конфигуратора
Спроектировали шаги подбора, логику проверки допусков и структуру спецификации.
-
03 5 недель
Дизайн и вёрстка
Дизайн-система каталога, карточка модели, страницы коллекций и мобильный сценарий.
-
04 9 недель
Разработка и интеграция с 1С
Каталог, конфигуратор, расчёт комплекта, спецификации, заявки и обмен номенклатурой с учётной системой.
-
05 далее
Запуск и развитие
Перенесли каталог и коллекции, обучили менеджеров, настроили цели и сопровождаем сайт.
Стек и роли технологий
Backend
- Laravel
- каталог, конфигуратор, спецификации и заявки
- MySQL
- модели, покрытия, размеры, заказы
- Redis
- кэш каталога и очереди обмена с 1С
Frontend
- Vue.js
- конфигуратор и пересчёт комплекта
- Tailwind CSS
- дизайн-система и адаптивная вёрстка
- Alpine.js
- фильтры каталога и подсказки в формах
Интеграции
- 1С
- номенклатура, цены, наличие, выгрузка заказов
- Яндекс.Метрика
- цели конфигуратора и заявок на КП
Технические показатели
- 0,9 с
- LCP каталога
- 94+
- PageSpeed мобильной версии
- 320+
- моделей и коллекций
- 99,9%
- Uptime за год
Что передали клиенту
- Исходный код сайта и админ-панели
- Правила совместимости моделей, покрытий и размеров
- Регламент обмена с 1С по ценам, наличию и заказам
- Дизайн-система каталога и конфигуратора в Figma
- Инструкция для менеджеров по работе со спецификациями
Фабрика подтверждает: заявки приходят с готовой спецификацией — моделью, покрытием, размерами и фурнитурой, поэтому менеджеры больше не пересобирают комплект по телефону.
Похожие проекты
Интернет-магазин дверей "Двери-Центр"
Полнофункциональный интернет-магазин с конструктором дверей и интеграцией с 1С
Смотреть кейс Интернет-магазинИнтернет-магазин напольных покрытий "Полметра"
E-commerce платформа с калькулятором стоимости и 3D-визуализацией
Смотреть кейс Интернет-магазинПортал для продажи плитки "Plitk"
B2B/B2C портал с дизайнерским функционалом
Смотреть кейсНужен похожий проект?
Разберём вашу задачу, предложим архитектуру и оценим сроки — с опорой на опыт этого кейса.