UX/UI дизайн B2B вебсайту для інжинірингової компанії

Bevo Tech — австралійська компанія, яка з 2018 року допомагає місцевим виробникам крафтового алкоголю та безалкогольних напоїв масштабувати бізнес. Компанія пропонує повний спектр обладнання та технологічних рішень: від ферментерів із нержавіючої сталі та сучасних систем змішування до комплексного консалтингу й післяпродажного обслуговування. Головна місія проєкту — поєднати надійну інженерію та сучасні технології, щоб місцеві пивоварні й винокурні впевнено розкривали свій потенціал.

Завдання проєкту

Разом із партнерами з Icebreaker ми мали створити зручний та сучасний B2B-сайт. Важливо було не просто показати велике промислове обладнання, а зробити інтерфейс зрозумілим, підкреслити технологічність бренду та полегшити шлях клієнта від першого знайомства до запиту пропозиції.

Етапи роботи над дизайном

Discovery

На етапі занурення ми провели детальний аналіз бізнесу клієнта, цільової аудиторії та конкурентного середовища в регіоні. Основний фокус був зроблений на власниках та головних технологах австралійських крафтових пивоварень і винокурень. За результатами аналітики ми сформували сценарії користувачів (User Flows), визначили інформаційну архітектуру сайту та пріоритети ключових сторінок.

Moodboard (Візуальна концепція)

Для B2B-сегмента у сфері важкого інжинірингу важливо знайти баланс між суворою промисловою естетикою та сучасним технологічним стилем. Ми підготували добірку стилів, що відображає чистоту нержавіючої сталі та монументальність обладнання, а також дібрали контрастну типографіку й кольорову гаму, яка підкреслює надійність бренду.

Прототипування (Wireframes)

Перш ніж переходити до фінальної графіки, ми спроєктували логічну структуру всіх сторінок. Створили інтерактивні UX-прототипи, зафіксувавши розташування блоків, карток обладнання, форм заявок та блоку з гарантійним обслуговуванням. Продумана навігація за видами обладнання суттєво скоротила шлях користувача до запиту комерційної пропозиції.

UI Design Desktop

На основі затверджених прототипів та мудборду розробили фінальний UI-дизайн для десктопних екранів. Головна сторінка одразу занурює в місію Bevo Tech та показує географію роботи, а каталог і картки продукції сфокусовані на технічних характеристиках та вигодах обладнання. Особливу увагу приділили блокам довіри — сервісному обслуговуванню, консалтингу та гарантіям, що є вирішальним для B2B-продажів із високим чеком.

UI Design Mobile & Responsive

Зважаючи на те, що керівники виробництв часто переглядають рішення просто на об’єктах із мобільних пристроїв, ми приділили особливу увагу адаптивним версіям. Переробили сітки, меню та складні таблиці з технічними параметрами під тач-інтерфейси, забезпечивши зручну взаємодію з кнопками цільових дій на будь-яких екранах.

Передача в розробку (Hand-off)

Після погодження всіх макетів ми підготували дизайн-пак для передачі команді розробників. Сформували акуратний UI Kit та дизайн-систему зі станами елементів, компонентами, шрифтовими стилями та відступами, а також надали супровідну документацію щодо анімацій та інтерактивних ефектів.

Результат

У результаті синергії з командою Icebreaker було створено представницький та функціональний UX/UI дизайн для Bevo Tech, який посилює позиції компанії на ринку Австралії, вигідно демонструє обладнання та допомагає залучати нових B2B-партнерів.

Бажаєте оновити дизайн вашого проєкту?

Зв’яжіться з нами, і ми розробимо інноваційне рішення, яке допоможе вашому бізнесу досягти нових висот.