UA

Про проєкт
ТОВ «ВЮРТ-УКРАЇНА» — дочірнє підприємство Adolf Würth GmbH & Co. KG (Німеччина), світового лідера у сфері професійного інструменту, монтажних матеріалів і технічної хімії.
Компанія працює в Україні з 1993 року, забезпечуючи більш ніж 10,000 підприємств по всій країні сертифікованими продуктами європейської якості та широким асортиментом, що налічує понад 125,000 товарів.

Завдання
Провести глибинний UX аудит та виявити бар’єри, що заважають користувачам купувати швидко і зручно.
Під час аналізу, аналітика показала:
- 63,8% відвідувачів приходять із мобільних, але конверсія там у 1,9 раза нижча, ніж на десктопі.
- Користувачі зупиняються в каталозі або на сторінках товарів, не доходячи до покупки.
- B2B-клієнтам не вистачає функцій для швидкого оформлення та повторних замовлень.

Навігація: з пошуку до дії без зайвих кроків
Проблема: лише 45,5% мобільних користувачів доходили до каталогу товарів, а 59,4% залишали сайт ще до перегляду сторінок товарів. Одними з причин були:
- пункт «Каталог» не виділявся візуально в бургер-меню та у десктоп, тому більшість змушені були переглядати весь список, щоб знайти потрібний розділ;
- категорії відображались лише текстом без іконок, що ускладнювало сприйняття;
- у поп-ап каталозі бракувало другого і третього рівнів підкатегорій, тому користувачі відкривали сторінки по черзі, втрачаючи час.

Рішення: Ми запропонували зміни, які можуть збільшити кількість переходів до підкатегорій та сторінок товарів на 8-12% та знизити bounce rate на 15-20%:
- виділити «Каталог» кольором у меню, щоб одразу привернути увагу;
- додати іконки чи мініатюри для категорій для пришвидшення вибору;
- додати підкатегорії 2-3 рівнів у поп-апі;
- у десктоп-версії зробити каталог фіксованим і візуально підкресленим, щоб користувач не втрачав його під час скролу.

Головна сторінка: перше враження важить
Проблема:
- Банер у мобільній версії надто малий і текст складно читати, CTA-кнопка незручна для натискання. Через це CTR лише 0.41% (5 кліків) проти 11.88% (138 кліків) на десктопі, що більше ніж у 27 разів.
- Відсутній блок із популярними категоріями як на мобайл, так і на десктоп, тому користувачі шукали потрібне через бургер-меню (18.68% кліків) або пошук (7.6% кліків), витрачаючи час і увагу.

Рішення: Щоб підвищити CTR банера на 10–15% і глибину перегляду на 5–7%, ми рекомендували:
- збільшити розмір банера у мобільній версії;
- зробити текст контрастнішим, CTA — помітною;
- винести популярні категорії у вигляді окремого блоку на головній сторінці для швидшого переходу без зайвих кроків.

No items found.
Каталог товарів: простіше знайти, легше купити
Проблема:
- У мобайлі фільтри розташовані в незвичному місці, тому користувачі часто їх не помічали й більше часу витрачали на вибір;
- Відсутність інструменту сортування за ціною, новинками чи популярністю;
- Кнопка «Передзамовлення» виглядала так само як «Купити», що вводило користувачів в оману щодо термінів доставки.

Рішення:
Щоб скоротити шлях до покупки та підвищити довіру, запропонували розмістити фільтри зверху сторінки, додати сортування за параметрами й зробити кнопку «Передзамовлення» візуально відмінною.
Це мало знизити bounce rate на 10-15%, збільшити глибину перегляду на 15-20% і кількість додавань у кошик на 2-4%.

Кошик: простий процес без плутанини
Проблема: Користувачі не могли зберегти чи поділитися кошиком, що ускладнювало процес закупівель для B2B-клієнтів.
Крім того, три різні іконки кошика вели до різних сценаріїв — без редагування, одразу на чекаут або просто дублювали дію. Через це користувачі плуталися й часто не завершували покупку.

Рішення:
- додати можливість експорту кошика у PDF або Excel для B2B-клієнтів, а також функцію «поділитися кошиком»;
- уніфікувати функціонал — при натисканні на будь-яку іконку відкривати одне вікно поп-ап із повним управлінням: перегляд, редагування, видалення товарів і кнопка «Оформити замовлення».

Чекаут без ускладнень
Проблема:
- На сторінці оформлення замовлення залишалися повна шапка, нижня навігація та футер, що відволікали користувачів активними елементами (каталог, акції, пошук). Кліки на них часто призводили до виходу з чекауту, а після повернення введені дані не зберігалися.
- На етапі чекауту елементи «видалити» та «змінити кількість» привертали забагато уваги. Це спонукало користувачів переглядати або зменшувати замовлення, що знижувало середній чек.

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

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

Рішення:
- Оптимізувати хлібні крихти: згорнути або перенести у горизонтальний скрол;
- Структурувати блок з ціною: стара — менша і сірим кольором, знижка — червоним, нова — контрастна й виразна;
- Додати блоки «Супутні товари» та «Нещодавно переглянуті», щоб користувач міг швидко підібрати комплект, повернутись до вибраних позицій.
.png)

Результати
Після юзабіліті аудиту, ми передали усі матеріали команді Würth, яка самостійно впровадила зміни, і вже за два місяці отримали результати, які перевершили очікування:
- +117% загальний дохід
- +85% CR з десктоп
- +36% CR з мобайл
- +71% «ключових подій» таких, як додавання в кошик, оформлення замовлення, кліки по CTA
Спільна робота та поєднання аналітики й UX-рішень показали, що навіть точкові зміни можуть суттєво вплинути на ефективність бізнесу.
