Brandoors Design — сайт премиального бренда дверей и панелей
Сайт-витрина премиальных дверей и стеновых панелей с подбором отделок, визуализацией в интерьере и запросом КП по проекту.
- Клиент
- Brandoors Design
- Срок
- 5 месяцев
- Команда
- 6 специалистов
- Стек
- Laravel · Livewire · 1С
- 1 200+
- моделей и отделок в каталоге
- +58%
- проектных заявок
- −44%
- время сборки спецификации
- 1С
- цены и остатки онлайн
Скриншоты проекта
Как работает визуализация отделки
Премиальная отделка ошибается на любом приблизительном рендере: шпон и эмаль меняют тон от температуры света. Мы отказались от синтетических текстур и собрали сцены на съёмке физических образцов при согласованном освещении.
-
01
Съёмка отделок
Каждый образец отснят при двух температурах света и откалиброван по эталонной шкале, поэтому цвет на экране совпадает с физическим образцом.
-
02
Сборка сцены
Дизайнер выбирает тип помещения: гостиная, спальня, санузел, переговорная или зал ресторана. Сцена подставляется вместе с базовой геометрией проёмов.
-
03
Замена отделки
Модель, отделка и направление раскладки панелей меняются без перезагрузки страницы — сцена пересобирается на сервере за доли секунды.
-
04
Выгрузка в проект
Визуализация и подборка отделок сохраняются в проекте и оттуда уходят в презентацию заказчику вместе со спецификацией.
О проекте
Разработали сайт-витрину и рабочий инструмент по проектам: каталог моделей и отделок, подбор отделки под интерьер, визуализация в сцене помещения, страницы реализованных объектов и конфигуратор конструкции. Заявки на КП, образцы отделок и запись в шоурум собираются в один контур с обменом данными с 1С.
Задача
Brandoors Design продаёт не двери со склада, а проект: полотно, скрытая конструкция, стеновые панели и отделки подбираются под интерьер и спецификацию. Прежний сайт рассказывал о бренде, но не давал дизайнеру ни фактуры отделки, ни готовой спецификации.
Отделки невозможно было оценить онлайн
Подборки жили в PDF-каталогах и на фотографиях с искажённым цветом. Архитекторы запрашивали образцы вслепую и часто получали не тот тон, который закладывали в интерьер.
Каталог не отвечал на проектные вопросы
Модели лежали плоским списком без привязки к типу конструкции, коллекции и типу объекта. Подобрать решение под конкретный интерьер можно было только через менеджера и переписку.
Спецификация собиралась вручную
Менеджер переносил позиции из переписки в Excel и считал размеры проёма, доборы и наличники руками. Ошибки в артикулах отделок всплывали уже на замере, когда заказ согласован.
Проектные обращения терялись
Заявки на КП, образцы и визит в шоурум приходили на общую почту. Не было видно, на каком этапе проект и кто из команды отвечает за следующий шаг.
Решение
Сайт спроектирован как рабочий инструмент по проектам: от визуального выбора отделки до спецификации с артикулами, которую можно передать в производство.
Каталог моделей и отделок
Модели дверей, скрытых конструкций и стеновых панелей с крупными визуалами и полным набором отделок. Цены и наличие комплектующих приходят из 1С, поэтому проектная смета не расходится с учётной системой.
- Фильтр по типу конструкции
- Галерея отделок с крупными визуалами
- Шкала цвета и фактуры
- Сравнение моделей и отделок
Подбор отделки и цвета под интерьер
Подбор по стилю, палитре и породе: система показывает сочетания, уже применённые в реализованных объектах. Подборка сохраняется в проекте и уходит менеджеру вместе с заявкой.
- Подбор по палитре интерьера
- Загрузка референса помещения
- Рекомендации сочетаний отделок
- Сохранение подборки в проект
Визуализация двери и панелей в сцене
Дизайнер собирает сцену помещения, меняет модель, отделку и направление раскладки панелей и сразу видит результат. Готовая визуализация выгружается в презентацию для заказчика.
- Базовая сцена помещения
- Смена модели и отделки
- Раскладка стеновых панелей
- Экспорт визуализации в PDF
Страницы реализованных проектов
Портфолио объектов с фильтром по типу: квартира, загородный дом, ресторан, отель, офис. Каждая страница связывает объект с моделями и отделками, которые в нём применены, и собирает проектные запросы из поиска.
- Фильтр по типу объекта
- Состав применённых моделей
- Отделки и раскладки панелей
- Переход к запросу КП
Конфигуратор конструкции и запрос КП
Конфигуратор собирает конструкцию под размеры проёма: полотно, коробку, скрытый алюминиевый профиль, доборы, наличники и фурнитуру. На выходе — спецификация с артикулами, которую можно приложить к запросу КП.
- Размеры проёма
- Скрытая и классическая конструкция
- Доборы и наличники
- Спецификация в запрос КП
Заявка на образцы и запись в шоурум
Дизайнер выбирает до пяти образцов отделок и способ получения, а заказчик записывается в московский шоурум на свободный слот. Каждая заявка попадает в CRM вместе с составом подборки и историей проекта.
- Корзина образцов до пяти позиций
- Доставка образцов в студию
- Запись в шоурум по слотам
- Ответственный менеджер проекта
Результаты
Показатели за первые два квартала после запуска.
- +58%
- Проектные заявки
- запросы КП, образцов и записи в шоурум за год
- −44%
- Время сборки спецификации
- от подбора отделки до отправки КП
- ×2,3
- Заявки на образцы отделок
- через сайт вместо переписки с менеджером
- +34%
- Конверсия в запрос КП
- доля сессий, завершившихся заявкой
- −37%
- Возвраты образцов
- за счёт точного подбора тона онлайн
- 41%
- Спецификации из конфигуратора
- доля проектов без ручного пересчёта в Excel
Как шла работа
-
01 4 недели
Аналитика и структура каталога
Разобрали проектный путь дизайнера, собрали структуру моделей, отделок и типов объектов.
-
02 5 недель
Дизайн и типографика
Дизайн-система витрины: крупные визуалы, типографическая шкала, сетка страниц проектов.
-
03 8 недель
Разработка витрины и каталога
Каталог, фасетные фильтры, страницы реализованных объектов, SEO-каркас и админ-панель.
-
04 5 недель
Визуализация, конфигуратор и 1С
Сцены помещений, конфигуратор конструкции, обмен номенклатурой и ценами с 1С.
-
05 далее
Запуск и развитие
Перенесли контент, обучили менеджеров, настроили цели в аналитике и сопровождаем проект.
Стек и роли технологий
Backend
- Laravel
- каталог, конфигуратор, заявки и проекты
- MySQL
- модели, отделки, спецификации
- Redis
- кэш каталога и очереди обмена
Frontend
- Livewire
- подбор отделки и конфигуратор
- Alpine.js
- галерея отделок и сцены помещений
- Tailwind CSS
- вёрстка и типографическая шкала
Интеграции
- 1С
- номенклатура, цены, остатки комплектующих
- REST API
- передача заявок в CRM студии
- Яндекс.Метрика
- цели на запрос КП и заявку образцов
Технические показатели
- 0,9 с
- LCP каталога моделей
- 96+
- PageSpeed на мобильных
- 1 200+
- моделей и отделок в каталоге
- 99,9%
- доступность сайта
Что передали клиенту
- Исходный код сайта и админ-панели
- Дизайн-система с типографической шкалой в Figma
- Библиотека визуализаций: сцены помещений и отделки
- Регламент обмена с 1С по номенклатуре и ценам
- Инструкция для менеджеров по проектным заявкам
- SEO-каркас: структура разделов, ЧПУ и микроразметка
Дизайнеры приходят на первый контакт с готовой подборкой отделок и визуализацией, поэтому разговор начинается со спецификации, а не с общих вопросов о том, как выглядит покрытие.
Похожие проекты
Интернет-магазин дверей "Двери-Центр"
Полнофункциональный интернет-магазин с конструктором дверей и интеграцией с 1С
Смотреть кейс Интернет-магазинИнтернет-магазин напольных покрытий "Полметра"
E-commerce платформа с калькулятором стоимости и 3D-визуализацией
Смотреть кейс Интернет-магазинПортал для продажи плитки "Plitk"
B2B/B2C портал с дизайнерским функционалом
Смотреть кейсНужен похожий проект?
Разберём вашу задачу, предложим архитектуру и оценим сроки — с опорой на опыт этого кейса.