HENNLICH

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





















Більше екранів



























