МИ ПРАЦЮЄМО ДЛЯ УКРАЇНИ
Вхідні дані
Хід роботи
Для початку розберімось чому зручний кошик це дуже важливо і як він збільшує ваші продажі.
Кошик — це один із найважливіших елементів будь-якого інтернет-магазину. Він є фінальним етапом воронки продажів, місцем, де користувач приймає остаточне рішення про покупку. Незручний, перевантажений або неінтуїтивний кошик може звести нанівець усі зусилля, витрачені на залучення клієнта, демонстрацію товару та стимулювання інтересу. За статистикою, понад 60% потенційних покупок залишаються незавершеними саме через проблеми з кошиком або процесом оформлення замовлення. Це явище називається “кинутий кошик” (cart abandonment).
Правильно спроєктований кошик безпосередньо впливає на конверсію та дохід. Чим простіший і зрозуміліший шлях від додавання товару до оплати, тим вища ймовірність, що клієнт завершить покупку. Крім того, зручний кошик підвищує лояльність та задоволеність клієнтів, що стимулює їх повертатися та робити повторні покупки.
На що впливає оптимізований кошик:
- Збільшення конверсії: Зменшення кількості “кинутих кошиків” напряму призводить до зростання продажів.
- Підвищення середнього чека: Завдяки візуально привабливим супутнім товарам, банерам з акціями або пропозиціями “купити більше — отримати знижку”.
- Покращення користувацького досвіду (UX): Клієнти відчувають себе комфортно та впевнено, коли процес покупки є прозорим і логічним.
- Зниження навантаження на службу підтримки: Користувачі рідше звертаються з питаннями щодо оформлення замовлення.
- Формування позитивного іміджу бренду: Інтернет-магазин, що дбає про своїх клієнтів, сприймається як надійний та професійний.
Проблема на сайті “Рушничок”: Незручне відображення товарів
Інтернет-магазин “Рушничок”, що спеціалізується на продажі текстилю та рушників, зіткнувся з серйозною проблемою. Коли клієнт додавав до кошика понад 3 товара, інтерфейс ставав не зручним для перегляду обраних товарів.
Деталі проблеми:
- Настільні комп’ютери (ПК): Кожен товар займав доволі велику частину екрана. При великій кількості позицій доводилося довго прокручувати сторінку, щоб побачити всі додані товари. Це створювало відчуття перевантаженості та плутанини.
- Мобільні пристрої: Ситуація була схожою. Через обмежену площу екрана та відображення товарів великими плитками, прокрутка ставала нескінченною, що часто дратувало клієнтів.
Ці недоліки призводили до зростання показника покинутих кошиків. Клієнти просто втомлювалися від незручного інтерфейсу та залишали сайт, не завершивши покупку. Аналіз поведінки користувачів підтвердив, що пік відмов припадав саме на етап взаємодії з кошиком, особливо при оформленні великих замовлень.
Кошик не виконував своєї основної функції — бути зручним і прозорим інструментом для підведення підсумків та перевірки замовлення. Замість цього він перетворювався на хаотичний список, де було важко знайти потрібний товар, змінити його кількість або перевірити загальну вартість.
Вирішення проблеми: Оптимізація інтерфейсу кошика
1. Створення компактного та інформативного дизайну
Наша команда розробників та UX/UI-дизайнерів вирішила переробити кошик, сфокусувавшись на двох ключових принципах: компактності та прозорості.
- Компактне відображення: Замість великих блоків, товари почали відображатися у вигляді акуратних, горизонтальних рядків. Кожен рядок містив усю необхідну інформацію:
- Мініатюрне зображення товару: Дозволяє швидко ідентифікувати товар.
- Назва: Для уникнення плутанини між схожими товарами.
- Кількість: Зі зручними кнопками “+” та “-” для швидкого редагування.
- Ціна за одиницю: Дає розуміння вартості кожного товару окремо.
- Загальна ціна за позицію: Автоматично оновлюється при зміні кількості.
- Кнопка “видалити”: У вигляді іконки хрестика, розташована у зручному для кліка місці.
Таке рішення дозволило користувачам бачити всі додані товари, а також підсумкові дані одночасно, без необхідності постійно прокручувати сторінку.
2. Адаптація для мобільних пристроїв
Мобільна версія отримала такі ж покращення що і ПК версія сайту. Компактний горизонтальний формат відображення товарів з основною інформацією про товар ідеально підійшли для невеликих екранів. Додатково було збільшено кнопки “+” та “-” для комфортної взаємодії пальцями, так само і хрестик для видалення товару.
Отриманий результат 
