AUTOGAS — Редизайн сайту лідера ринку ГБО

Контекст і виклик

Автогаз — лідер українського ринку газобалонного обладнання. Їхній сайт обслуговує як оптових покупців (B2B), так і кінцевих споживачів (B2C). Усі дрібніші постачальники та автомайстерні закуповуються саме тут.

 

Основна проблема — сайт був застарілим, перевантаженим інформацією, складним у навігації, а також не відповідав статусу компанії №1.

Категорія
E-commerce
Сервіси
UX/UI Design
65

Рішення

Візуальна концепція:

– Розробив нову колірну гаму на основі відтінків синього та зеленого — асоціації з екологічністю, чистим згорянням та надійністю. Замість агресивних кольорів — м’який, але професійний вигляд.

 

Ребрендинг логотипу:

– Спростив і освіжив логотип, зробивши його гнучким до адаптиву, але впізнаваним для постійних клієнтів.

 

UX-дизайн для B2B + B2C:

– Врахував різні сценарії поведінки користувачів (швидкий доступ до масових закупівель / пошук окремої деталі);
– Покращив фільтрацію, сортування, категорії;
– Додав логічну навігацію по брендах і комплектах;

 

Деталі інтерфейсу:

– Hover-ефекти, анімації, мікроінтеракції — підвищують залучення та “оживляють” сторінки;
– Чіткий типографічний ієрархічний ритм, хороший контраст і читабельність.

62

Результат

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

63

Мобільна версія

Інтерфейс повністю адаптовано для смартфонів і планшетів. Навігація, каталог, фільтри, картки товарів і процес оформлення замовлення — усе оптимізовано для комфортного використання на невеликих екранах.

 

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

64

Підсумок

Редизайн AUTOGAS — це універсальний інтерфейс для B2B та B2C, з потужною UX-архітектурою, яка враховує поведінкові відмінності обох аудиторій.

 

Я не просто оновив візуал — я допоміг бренду звучати на новому рівні, не втрачаючи довіри існуючих клієнтів.