Кейс Bromic Plumbing & Gas

Про проєкт

Bromic Plumbing & Gas — надійний постачальник газового та сантехнічного обладнання в Австралії та Новій Зеландії з асортиментом понад 1000 товарів у різних категоріях. Сайтом користуються як ті, хто вивчає та підбирає продукцію, так і професійні майстри, яким потрібен швидкий доступ до технічної інформації та документації.

У 2024 році Турум-бурум провели UX-аудит та на основі даних аналітики та поведінки користувачів визначили проблеми в основних сценаріях. Згодом клієнт почав впроваджувати рекомендації. Нижче деякі з вже реалізованих змін.

Висновки UX аудиту

Усі наші рекомендації ґрунтувалися на паттернах, виявлених під час аудиту, та даних про поведінку:

Більшість відвідувачів були новими, але переглядали вдвічі менше сторінок, а їхні сесії тривали вдвічі коротше, ніж у користувачів, що поверталися.
Загалом десктопні користувачі були залученіші, а мобільні швидше виконували ключові дії.
Сторінка товару часто ставала кінцевою точкою: користувачі, що потрапляли туди, рідко продовжували перегляд сайту.
Користувачам була потрібна технічна документація, але щоб знайти потрібні файли, часто доводилось робити зайві кроки.
Навігація працювала недостатньо ефективно, особливо при переході між товарами, категоріями та підкатегоріями.

Навігація без прихованих підкатегорій

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

Після: Навігацію оновили так, щоб користувачі бачили категорії другого рівня без додаткового скролу, тож користувачі не пропускають доступні категорії товарів.

Помітніша документація

До: Більше половини відвідувачів шукали інструкції, але в картках товарів не було видно, чи є для них документація. Щоб це перевірити, потрібно було відкривати кожен товар окремо. А на самій сторінці товару файли для завантаження розміщувалися нижче й були не помітні. І понад половини користувачів залишали сторінку, так і не знайшовши інструкцію, і не переглядали сайт далі.

Після: Тепер картки в каталозі мають кнопку «View documents» з прямим посиланням на PDF, що скорочує шлях до документації. На сторінці товару та сама кнопка стоїть одразу під заголовком і веде прямо до розділу із завантаженнями.

No items found.

Схожі товари, а не глухий кут

До: Потрапивши на сторінку товару, користувачі зазвичай переглядали одну-дві сторінки. Вони знайомилися з характеристиками, могли завантажити документацію, але далі часто не йшли. Якщо товар не підходив, щоб знайти альтернативу, потрібно було знову повертатися до пошуку або каталогу.

Після: Тепер на кожній сторінці товару під характеристиками і документацією з'явився блок «Related Products». Тепер звідси можна перейти до інших товарів, не повертаючись до пошуку — логічний наступний крок замість глухого кута.

Коротші хлібні крихти

До: Хлібні крихти на сторінці товару містили головну сторінку, загальну категорію та сам товар, але не давали змоги швидко перейти до потрібної категорії чи підкатегорії та переглянути альтернативи. Теплові карти показували, що desktop-користувачі активно переходили до підкатегорій, а для значної частини mobile-аудиторії така навігація була ще важливішою.

Після: Хлібні крихти стали коротшими: іконка головної сторінки, посилання «Categories» і назва товару.

Прямий перехід до входу

До: Якщо користувач намагався зареєструватись з email, який уже прив'язаний до акаунта, він отримував повідомлення про помилку, але без прямого посилання на вхід. Сторінку авторизації доводилося шукати самостійно або просто залишити сайт.

Після: У формі реєстрації з'явилося пряме посилання «Login». Якщо акаунт уже існує, користувач може одразу перейти до входу, не шукаючи потрібну сторінку.

Результати

Це лише частина рекомендацій, які Bromic Plumbing & Gas вже впровадили. Але навіть часткові виправлення дали результат:

Швидший доступ до технічної документації з каталогу та сторінок товарів;
Блок «Related Products» на сторінках товарів, щоб користувачі могли одразу переглянути альтернативи;
Прямий перехід до входу після невдалої спроби реєстрації, без самостійного пошуку сторінки авторизації;
Краща видимість підкатегорій та оновлені хлібні крихти для простішої навігації каталогом.