Оптимізація коефіцієнту конверсії для
зоомагазину

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

Особливо це стосувалося мобільного трафіку – він становив понад 75% усіх відвідувань, але мав нижчий CR (2.44%) у порівнянні з десктопом (2.83%).

Щоб підвищити ефективність користувацької взаємодії та збільшити кількість продажів, ми провели CRO аудит, сформували низку гіпотез і перевірили їх через A/B тестування.

Мета – знайти прості, але впливові зміни, які покращать конверсію без редизайну сайту.

Гіпотези для тестування сайту

На основі CRO аудиту ми висунули низку гіпотез, які могли позитивно вплинути на поведінку користувача:

1. Колір кнопок CTA
   Якщо зробити кнопки яскравішими (зелений або оранжевий), вони привертатимуть більше уваги і підвищать CTR.
2. Текст кнопки “Купити” → “В кошик”
   Назва знімає напругу моменту покупки і стимулює користувача зробити перший крок спокійніше.
3. Порядок блоків на головній сторінці
   Якщо перемістити блок “Товари для вашого улюбленця” вище, користувачі швидше знайдуть потрібну категорію і частіше переходять далі у воронці.
4. Позначка “Хіт продажів”
   Додавання бейджів створює ефект соціального доказу та стимулює покупку.
5. Положення блоків “Доставка” / “Оплата” ближче до кнопки купівлі
     Це може зменшити кількість відмов, якщо користувач одразу бачить умови покупки.

Проведення A/B тестів сайту

Ми реалізували серію A/B тестів через CrazyEgg, рівномірно розподіливши трафік між оригінальними та тестовими варіантами. Загалом було проведено більше 10 різних тестів, але ми приводимо лише деякі з них.

У кожному тесті фіксувалась основна конверсія – клік по кнопці “Купити” або “В кошик”.

Тест 1 – Зміна кольору кнопки на головній сторінці

Гіпотеза полягала в тому що на даний момент колір кнопок недостатньо яскравий та не привертає увагу користувача. Тому було вирішено провести тести з кольором та зрозуміти наскільки зміни вплинуть на CTR кнопок.

За результатами тестування – варіант з зеленою кнопкою показав значно кращий CTR:

Тест 2 – Зміна положення блоків на головній сторінці

Гіпотеза полягала в тому, що для користувачів важливіше блок з категоріями товарів, ніж з бестселлерами. Для проведення тесту було змінено положення блоків на головній сторінці – блок з “товари для вашого улюбленця” було піднято вище.

За результатами проведення тестів – нова версія сторінки показала вищу конверсію, тобто гіпотеза виправдалась.

Тест 3 – Додавання позначки “Хіт продажів” на товари в категорії

Гіпотеза полягала в тому щоб викликати у користувача бажання подивитись саме той товар, який нам потрібно. Для цього ми додали позначку “Хіт продажів” на окремі товари в категорії та заміряли чи впливає це на поведінку користувача.

За результатами тестування додавання подібної позначки дійсно підвищило кількість кліків по обраним товарам і користувачі частіше купували саме товари з позначкою “Хіт продажів” ніж інші:

Тест 4 – Відображення залишку товару 

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

За результатами тестування варіант з кількістю товару в залишку дійсно показав кращі результати по конверсії.

Тест 5 – Зміна назви кнопки “Купити”

Гіпотеза полягала в тому, що по функиіоналу при натисканні кнопки “купити” по факту користувач додає товар до кошика. Тому ми змінили назву кнопки, щоб зробити комунікацію для відвідувача більш зрозумілою.

За результатами A/B тестування нова назва кнопки має кращий відгук у користувачів.

Найбільший ефект дали невеликі UX-правки – ті, що не вимагали глобального редизайну:
– зрозумілі CTA;
– яскравий контраст кольорів;
– логічна структура контенту.

Висновок: навіть мінімальні зміни у сприйнятті користувача (текст, колір, порядок блоків) можуть принести значне зростання продажів і покращення конверсії на +15–20%.