Финстрой продаёт фанеру, ДСП и листовые материалы. Покупатели — прорабы и снабженцы: им нужен конкретный лист конкретной толщины, а не «посмотреть каталог». Заявка с сайта, а не корзина, — целевое действие бизнеса.
Сайт работал, но подбор занимал минуты вместо секунд. Фильтров по толщине и материалу не было вовсе, категории пересекались, до формы заявки вело четыре экрана. Аудитория уходила в телефонные звонки и к конкурентам.
Было: выбор только через дерево категорий, толщина и материал не фильтровались.
Стало: фасетные фильтры по толщине, размеру, материалу и сорту. Снабженец задаёт параметры и получает список за один шаг.
Было: характеристики в конце страницы, цена без привязки к объёму.
Стало: размеры, сорт и цена за лист и за куб — в первом экране. Кнопка заявки закреплена при скролле.
Было: четыре экрана от товара до отправленной формы.
Стало: заявка открывается прямо из карточки, товар подставляется сам.
Не перекрасил сайт, а пересобрал путь от параметра к заявке.
Карточка товара
B2B-каталог выигрывает не красотой, а точностью подбора. Самый заметный прирост дал не редизайн главной, а фильтр по толщине — вещь, которую невозможно придумать, не поговорив со снабженцем.
Работал только по дизайну: разработку вёл подрядчик клиента. Поэтому отдельно вложился в спецификацию и состояния компонентов — без этого половина решений не дожила бы до прода.
Следующий кейс
Lab UI, дизайн-система