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