Про проєкт

Wixez — міжнародний інтернет-магазин модних аксесуарів із понад 10-річним досвідом та доставкою у 70+ країн світу.

Основний виклик: основна аудиторія бренду це нові користувачі, які швидко залишали сайт, майже не переглядаючи його через брак інформації, довіри та розуміння цінності.

Завдання та цілі

  • Підвищити залучення та довіру нових користувачів;
  • Спростити навігацію, пошук і підбір товарів;
  • Оптимізувати шлях від перегляду товару до покупки;
  • Посилити mobile UX та підготувати roadmap для подальшої оптимізації конверсії.

Головна сторінка та навігація для залучення

До:

  • На сайті використовується лише один акцентний колір, через що кнопки цільових дій стають непомітним на фоні інтерфейсу;
  • Банер без очевидних перемикачів і незрозумілою кількістю;
  • Дві паралельні навігації (верхня + таббар) без входу до каталогу в таббарі  у мобайл версії;
  • Категорії на головній надто узагальнені, товарні блоки обмежені знижками та бестселерами;
  • У боковому меню категорії товарів не відрізняються візуально від інформаційних сторінок.

Після:

  • Оновлено кольорову систему: яскравіший акцент для CTA, окремий контрастний колір для тегів карток;
  • Додано пагінацію та візуально помітні стрілки-перемикачі до банеру;
  • Залишено одну навігаційну систему і прибрано дублюючий таббар у мобайл;
  • Товарні та інформаційні розділи меню візуально розділено;
  • Розширено категорії, додано блок Popular Brands і різноманітні товарні підбірки для кращої залученості користувачів.

Каталог та пошук для спрщення вибору

До:

  • Хлібні крихти розміщені у нетиповому місці, що не відповідає звичним патернам поведінки користувачів;
  • Перед видачею немає підкатегорій (наприклад, за формою оправи, типом механізму, стилем), які могли б одразу звузити вибір;
  • Кнопка фільтра у нетиповому місці, без текстового підпису та закріплення, а сама панель закривається після кожного вибору параметра;
  • Занадто мала кількість товарів на сторінці видачі;
  • Іконка додавання до обраного перекриває фото товару в картці;
  • Пошук відкривається частково, у порожньому стані показує лише інформаційні сторінки.

Після:

  • Хлібні крихти перенесено у звичне для користувача місце;
  • Додано блок підкатегорій перед списком товарів для прискорення пошуку товару;
  • Кнопку Filter перенесли вище, додали підпис і закріпили при скролі, а панель залишається відкритою до явного підтвердження;
  • Іконку вішліста перенесено у правий верхній кут картки, так щоб вона не перекривала зображення;
  • Збільшили кількість товарів на сторінці та додали кнопку «Завантажити більше»;
  • Пошук зроблено повноекранним; у порожньому стані відображаються підкатегорії, часті запити, переглянуті товари.

Виходи зі сторінок категорій скоротились; зокрема, зі списку годинників — утричі.

No items found.

Сторінка товару з усіма деталями

До:

  • Фото не закріпленне при прокрутці;
  • Умови доставки та повернення відсутні на сторінці товару;
  • Технічні характеристики не виділені в окремий структурований блок, тому губляться у суцільному тексті опису;
  • Відгуки непомітні у вкладці, а згідно даним теплових мап, вони є ключовим чинником прийняття рішення про покупку;
  • Блок покупки розтягнутий та захаращений другорядними елементами, що відволікають від CTA;
  • На сторінці є блок з рекомендаціями, але він показує лише дуже схожі товари з тієї ж категорії, через що користувач не отримує альтернатив і може піти.

Після:

  • Блок з умовами доставки, оплати та повернення розміщено на видному місці сторінки;
  • Відгуки та опис переформатовано з табів у послідовні блоки;
  • Фото на десктопі закріплено при скролі;
  • Характеристики винесено у структурований блок (годинники: ремінь, циферблат, функції; окуляри: оправа, лінзи, посадка);
  • Блок покупки стиснуто, прибрано зайві посилання та лічильник кількості, та на мобайлі зафіксована кнопка «Купити»; 
  • Додано кросс-сейл між категоріями (годинники + окуляри).

Перехід зі сторінки товару далі по воронці покращився на 23%, конверсія у додавання до кошика — на 62%.

Обране для подарунків

До: Немає можливості поділитись вішлістом, що є важливим сценарієм для ніші, де аксесуари часто купують на подарунок.

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

Реєстрація в кілька кліків

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

Після: Додано швидку реєстрацію та авторизацію через Google, Apple та Facebook.

Результати

У результаті Wixez отримав комплексний план розвитку та оптимізації UX/UI для ключових сторінок та збільшення конверсії.

А після впровадження змін:

  • Загальна конверсія зросла на 114%, а на мобайлі — у 3 рази;
  • Нові користувачі стали рідше покидати сайт (-41% bounce) та купувати втричі частіше;
  • Мікроконверсія додавання до кошика зросла на 62%;
  • Перехід до оформлення замовлення збільшився у 2 рази.

Напишіть нам, і почнемо співпрацю!

Ваше повідомлення було відправлене! Ми зв'яжемося з вами якомога швидше

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