WÜRTH: о проекте

ООО «ВЮРТ-УКРАИНА» — дочернее предприятие 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-клиентов, а также функцию «поделиться корзиной»;
  • унифицировать функционал — при нажатии на любую иконку открывать одно окно поп-ап с полным управлением: просмотр, редактирование, удаление товаров и кнопка «Оформить заказ».

Чекаут без осложнений

Проблема: 

  • На странице оформления заказа оставались полная шапка, нижняя навигация и футер, которые отвлекали пользователей активными элементами (каталог, акции, поиск). Клики по ним часто приводили к выходу из чекаута, а после возвращения введенные данные не сохранялись.
  • На этапе чекаута элементы «удалить» и «изменить количество» привлекали слишком много внимания. Это побуждало пользователей просматривать или уменьшать заказ, что снижало средний чек.

Решение: 

  • Минимизировать дизайн страницы: оставить только логотип и кнопку обратной связи, убрав лишнюю навигацию и футер.
  • Добавить автосохранение формы, чтобы пользователь не терял данные при возвращении.
  • Убрать опцию удаления/изменения количества товаров прямо в чекауте и заменить ее ссылкой на редактирование корзины через всплывающее окно.

Корзина: простой процесс без путаницы

Проблема: Пользователи не могли сохранить или поделиться корзиной, что усложняло процесс закупок для B2B-клиентов.

Кроме того, три разных иконки корзины вели к разным сценариям — без редактирования, сразу на чекаут или просто дублировали действие. Из-за этого пользователи путались и часто не завершали покупку.

Решение: 

  • добавить возможность экспорта корзины в PDF или Excel для B2B-клиентов, а также функцию «поделиться корзиной»;
  • унифицировать функционал — при нажатии на любую иконку открывать одно окно поп-ап с полным управлением: просмотр, редактирование, удаление товаров и кнопка «Оформить заказ».

Чекаут без осложнений

Проблема: 

  • На странице оформления заказа оставались полная шапка, нижняя навигация и футер, которые отвлекали пользователей активными элементами (каталог, акции, поиск). Клики по ним часто приводили к выходу из чекаута, а после возвращения введенные данные не сохранялись.
  • На этапе чекаута элементы «удалить» и «изменить количество» привлекали слишком много внимания. Это побуждало пользователей просматривать или уменьшать заказ, что снижало средний чек.

Решение: 

  • Минимизировать дизайн страницы: оставить только логотип и кнопку обратной связи, убрав лишнюю навигацию и футер.
  • Добавить автосохранение формы, чтобы пользователь не терял данные при возвращении.
  • Убрать опцию удаления/изменения количества товаров прямо в чекауте и заменить ее ссылкой на редактирование корзины через всплывающее окно.

Страница товара: максимум информации, минимум усилий

Проблема: 

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

Решение: 

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

Результаты

После юзабилити-аудита мы передали все материалы команде Würth, которая самостоятельно внедрила изменения, и уже через два месяца получили результаты, превзошедшие ожидания:

  • +117% общий доход
  • +85% CR с десктопа
  • +36% CR с мобила
  • +71% «ключевых событий», таких как добавление в корзину, оформление заказа, клики по CTA

Совместная работа и сочетание аналитики и UX-решений показали, что даже точечные изменения могут существенно повлиять на эффективность бизнеса.

Напишите нам, и начнем сотрудничество!

Ваше сообщение было отправлено! Мы свяжемся с вами как можно скорее

Отправить ещё одну заявку
Doublecheck your form data please