Кейс: интернет-магазин дверей с подбором по проёму

Кейс

Каталог межкомнатных и входных дверей с подбором по проёму и расчётом установки

Клиент: Розничная сеть дверей и фурнитуры
Направления: E-commerce

Вводная

Двери выбирают долго и по параметрам, которых покупатель не знает: размер проёма, сторона открывания, тип коробки, толщина стены. Магазин исправно приводил трафик и терял его на вопросе «а мне это подойдёт».

Задача клиента

Нужно было перевести отраслевые термины на язык покупателя и показать полную стоимость: дверь редко покупают отдельно — к ней нужны коробка, наличники, фурнитура и установка. Разрозненные цены вызывали ощущение обмана.

Исследование

Что мы выяснили до начала работы

Прослушали 60 звонков в колл-центр: 7 из 10 — уточнение комплектации

Замеры показали, что 44 % корзин бросали на шаге выбора фурнитуры

Опрос замерщиков: какие ошибки покупатели допускают чаще всего

Разбор 9 конкурентов — полную стоимость комплекта показывали двое

Решение

Сделали подбор по проёму: покупатель вводит три измерения и видит только то, что действительно встанет. Конструктор комплекта собирает дверь с коробкой, наличниками и фурнитурой, сразу считая итог с установкой. Наличие показывается по конкретным салонам, а не общей цифрой по сети.

UX-подход

Подбор по проёму на первом экране — главный сценарий, а не баннер
Инструкция по замеру с иллюстрациями прямо в форме подбора
Итоговая смета собирается по ходу и видна на всех шагах
Фильтр по наличию в конкретном салоне рядом с покупателем

Карта сайта

Главная
- Подбор по проёму
- Категории
- Готовые комплекты
- Салоны
Каталог
- Межкомнатные
- Входные
- Фурнитура
- Карточка двери
Конструктор
- Комплектация
- Расчёт установки
- Итоговая смета
Оформление
- Корзина
- Замер
- Доставка
- Оплата
Помощь
- Как замерить проём
- Гарантия
- Возврат

Визуальная концепция

Как это выглядит

Глубокий зелёный и мятная подсветка — спокойный «интерьерный» тон, на котором дерево и фактуры дверей выглядят естественно. Крупные фотографии в интерьере, минимум рамок и линий, чтобы ничто не спорило с товаром.

01 / 05

Подбор по проёму

Три измерения — и в выдаче только подходящие двери.

02 / 05

Каталог

Фильтры на языке покупателя, наличие по салонам.

03 / 05

Карточка двери

Дверь в интерьере, комплектация и полная стоимость сразу.

04 / 05

Конструктор комплекта

Смета собирается по шагам и не прячет итог до корзины.

05 / 05

Мобильный каталог

Фильтры в шторке, крупные фотографии, быстрый вызов замерщика.

Архитектура

Как это устроено внутри

Фасетный каталог

Фильтры по размерам, покрытию и типу открывания отвечают за десятки миллисекунд на 3 200 позициях.

Конструктор комплекта

Правила совместимости коробки, наличников и фурнитуры описаны в данных, а не зашиты в код.

Обмен с учётной системой

Остатки по салонам и цены обновляются каждые 20 минут, с журналом расхождений.

Расчёт установки

Стоимость монтажа считается от параметров проёма и адреса доставки.

Технологии проекта

Next.js
TypeScript
Tailwind CSS
NestJS
PostgreSQL
Redis
Docker

В цифрах

Объём работы

Ключевые параметры проекта — то, что вошло в работу и что видно в интерфейсе.

3 200

позиций в каталоге

группы фильтров

параметра подбора по проёму

1С

обмен остатками и ценами

«Раньше менеджер полчаса собирал комплект по телефону. Сейчас человек приходит с готовой сметой и вопросом только по срокам. Это освободило отдел под работу с крупными заказами.»
Руководитель розничного направленияРозничная сеть дверей, Розничная сеть дверей и фурнитуры

Ещё кейсы