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