HENNLICH

Дизайн B2B-магазина промышленных комплектующих
Про проект
HENNLICH — международная группа, которая поставляет промышленности уплотнения, линейную технику, пружины, гидротехническое оборудование и компоненты igus. Украинская компания работает из Киева, второе подразделение — в Виннице. Покупают здесь не в один клик: клиент такого магазина — инженер или снабженец завода, который приходит с параметром, а не с названием товара. Дизайн-систему для группы уже сделали австрийские коллеги клиента, поэтому нашей задачей был не стиль, а конструкция: собрать на готовых компонентах весь магазин, от каталога до оплаченного заказа.
Каталог разложен на три уровня — направление, подкатегория, товар, — и на каждом работает один и тот же блок фильтров по параметрам, а не по тегам. Карточка товара разобрана на вкладки: описание, характеристики, чертежи, документы, видео. Рядом стоит карточка персонального менеджера с прямым номером, а цена показана вилкой по количеству — от одной штуки до тысячи, так, как её и считает поставщик. В B2B сделку закрывает человек, и на экране это видно.
Две страницы в проекте главные, и обе не похожи на обычный магазин. Конфигуратор считает составную позицию по монтажным размерам и сам собирает список запчастей в корзину. Индивидуальный заказ позволяет подобрать пружину по своим размерам: диаметр проволоки, наружный диаметр, длина, максимальное усилие — с чертежом-подсказкой рядом и таблицей результатов, где каждую строку можно сразу купить. Если ничего не подошло, та же форма отправляет размеры на производство.
Дальше идёт привычная для B2B, но редко отрисованная часть: регистрация юридического и физического лица с разными наборами полей, кабинет с историей заказов и сохранёнными способами доставки (адресная, отделение Новой Почты, самовывоз со склада), корзина, разбитая по профильным отделам — на каждый отдельный счёт, — и оформление со счётом для физлица или онлайн-оплатой. Каждый экран нарисован в двух ширинах, 1440 и 375, вместе с состояниями: пустые поля, ошибки, открытые фильтры, успешное и неудачное подтверждение заказа.





















Больше экранов



























