Привіт, я Денис Студенніков, СОО та керівник UX/UI відділу компанії «Турум-бурум». Сьогодні хочу розповісти вам про можливості, які відкриває ESR підхід до оптимізації конверсії для бізнесу і чому це необхідно для створення клієнтоорієнтованого e-commerce.
ESR (Evolution site redesign) – це поетапне покращення інтерфейсу з використанням принципів СRO (conversion rate optimization) з метою збільшення доходу.
Головна перевага підходу – всі зміни базуються на даних аналітики та підтверджуються А/В тестами. Тому ризики мінімальні, інвестиції в інтерфейс незначні та швидко окупаються.
На прикладі кейса редизайну сайту для пристроїв торговельної марки glo™ розгляньмо, як якісна аналітика дозволяє виявляти недоліки інтерфейсу та трансформувати їх у можливості для підвищення конверсії та ефективності компанії.
Дисклеймер: надалі ми не робимо рекламу товарів та бренду glo™, а тільки демонструємо виконанну роботу студії «Турум-бурум» на конкретних прикладах проєкту.
glo™ – це бренд компанії BAT, під яким випускаються пристрої для нагрівання тютюнових стіків*, що дозволяють споживати нікотин без утворення попелу та горіння**.
*Тютюновмісні вироби для нагрівання не є цілком безпечними та викликають звикання.
**Нагріває тютюн, без горіння. Цей продукт не виключає всіх ризиків та містить нікотин, що викликає залежність.
І хоч бренд glo™ та його продукція є популярними в Україні, компанія прагнула покращити функціонал UX/UI-дизайну свого інтернет-магазину. Саме із цим запитом вони звернулися до команди «Турум-бурум».
Оскільки сайт glo™ мав впізнавану серед користувачів айдентику і загалом функціонував як вже налагоджений механізм для оптимізації сайту, ми обрали ESR (Evolutionary site redesign) підхід.
Він полягає у впровадженні покрокових змін в інтерфейсі з метою покращення юзабіліті та збільшення конверсій замовлень. Таким чином замість створення нового сайту з нуля ми використовуємо аналітику для виявлення недоліків поточної версії сайту та виправляємо їх з урахуванням CRO тактик для збільшення конверсії електронної комерції.
Першим етапом ESR підходу є UX аудит сайту. Він допоміг нам виявити наступне:
Після самостійного перенесення даних з Universal Analytics на Google Analytics 4, команда glo™ відмітила, що точність даних, які вони отримували, знизилась. Тому ще однією задачею «Турум-бурум» було перевірити всі налаштування аналітики та усунути можливі причини отримання неточних показників.
Працюючи над налаштуваннями аналітики команда «Турум-бурум»:
Так, наприклад, після порівняння різних шляхів користувачів ми з’ясували, що для купівлі стіків найефективніше працює сторінка підписки – з неї 17% користувачів додають товар в кошик і 37% здійснюють покупки, водночас з кабінету – лише 1% відвідувачів додають в кошик і 68% купують продукцію.
Тож, як ми бачимо з прикладу, деякі сторінки сайту потребували оптимізації та покращення юзабіліті. А це головний ключ для досягнення мети замовника – збільшення конверсії бізнесу.
Під час UX аудиту ми виявили понад 80 помилок сайту, які могли бути причиною низьких KPI. Спираючись на дані аналітики, наші фахівці сформували гіпотези покращення виявлених юзабіліті недоліків для створення більш клієнтоорієнтованого інтерфейсу та оптимізації конверсії сайту.
На наступному етапі, крім цього, на базі аналітики та висунутих гіпотез ми розробили прототипи майбутнього сайту та представили їх власникам бізнесу.
Такий підхід дозволяє мінімізувати фінансові та часові ризики, адже так замовник наочно бачить як виглядатимуть майбутні зміни в інтерфейсі й особисто узгоджує ті чи інші правки.
Нижче – приклади критичних помилок та наші рекомендації щодо їх виправлення.
1. Головна сторінка сайту: недостатня залученість постійних клієнтів.
Проблема: сторінка не була адаптована під постійних користувачів, які складають значну частку усіх переглядів сайту через головну сторінку. А на сайт через головну сторінку зазвичай заходять люди, що вже знайомі з брендом.
До того ж юзабіліті аудит показав, що на сторінці низькі показники скролу та взаємодії з елементами, а значить головна сторінка не виконує основну задачу – зацікавити користувачів, що вже мають девайс glo™, новинками та підштовхнути до оновлення наявного девайса.
Також не вистачало додаткових блоків з аксесуарами або супутніми товарами, що можуть підвищити задоволення від користування шляхом персоналізації та стилізації пристрою.
Дисклеймер: Цей продукт не виключає всіх ризиків та містить нікотин, що викликає залежність
Рекомендація: адаптувати головну сторінку під інтереси користувачів, що повертаються, адже 88% онлайн-покупців, опитаних у 2022 році, зазначили, що персоналізація підвищує ймовірність того, що вони продовжать робити покупки на сайті ритейлера.
Тож ми запропонували замість переліку з 6 однакових популярних товарів відображати список з різних моделей товарів, щоб заохотити користувачів оновити свій девайс, а також додати блок аксесуарів для персоналізації пристрою.
Дисклеймер: цей продукт не виключає всіх ризиків та містить нікотин, що викликає залежність.
2. Картка товару: незручна опція вибору кольору товару.
Проблема: колір пристрою має важливе значення для покупців, які зазвичай переглядають та порівнюють всі варіанти продукції перед її додаванням у кошик. Водночас теплові карти сторінки з деталями продукції glo™ продемонстрували, що 40% користувачів не переглядають обраний товар в інших кольорах і залишають сторінку.
Причина в тому, що для того, щоб вибрати бажаний колір користувачам потрібно було довго гортати сторінку вниз після чого вона перезавантажувалась. Цей процес займав багато часу, унеможливлював зручне порівняння товару в різних кольорах та міг дратувати потенційних покупців. Як наслідок – високий показник bounce rate, що безпосередньо впливає на конверсію.
Рекомендація: спростити опцію вибору кольору, розмістивши фото усіх кольорових рішень продукції у галереї, а також підняти вище індикатори кольорів і розташувати їх біля фото товару. Крім цього, ми рекомендували скоротити час завантаження фото товару в іншому кольорі, адже за статистикою, найвищий рівень конверсії зазвичай показують сторінки, які завантажуються 0-2 секунди.
Дисклеймер: Цей продукт не виключає всіх ризиків та містить нікотин, що викликає залежність
Результат: згідно з аналітикою, після редизайну картки товарів кількість переглядів сторінок на сесію збільшилась на 21,5%, коефіцієнт конверсії при посадці на ці сторінки на 97%, а revenue на 19%. Крім цього, кількість нових користувачів, які з картки товару додавали в кошик зросла вдвічі.
3. Порівняння товарів: неможливо швидко придбати обраний продукт.
Проблема: сторінка з таблицею порівняння продукції мала недоліки: не всі позиції містили фото, було важко знайти ціну, а також не вистачало кнопки, яка б дозволяла додати обраний товар до кошика. Тому якщо користувачі визначалися з покупкою на цьому етапі, їм було важко зорієнтуватися в подальшій навігації, адже пошук моделі у меню або каталозі займав багато часу. Це сприяло відтоку потенційних клієнтів і зменшенню конверсії.
Рекомендація: додати кнопку «Купити» безпосередньо під назвою та фото моделі або ж зробити картки товарів у порівнянні клікабельними, щоб користувачі могли перейти на сторінку, ознайомитися з детальними характеристиками товару та додати його в кошик.
Дисклеймер: Цей продукт не виключає всіх ризиків та містить нікотин, що викликає залежність
Результат: завдяки впровадженню цих рекомендацій при посадці на сторінку кількість переглянутих сторінок на сесію збільшилося на 75%, а середній час перебування на сайті зріс на 43%. Крім цього, показник відмов сторінки зменшився на 49%.
4. Кошик: неправильні акценти, що сприяли виходу користувачів.
Проблема: на сторінці кошика фіксувалася загальна сума замовлення, але не було фіксованої кнопки переходу до оформлення, через що користувачам потрібно було скролити до кнопки.
До того ж посилання «Очистити кошик» на екрані найбільше привертало до себе увагу, оскільки було контрастного кольору. Через це, користувачі могли помилково очистити кошик, сприйнявши це як кнопку переходу до оформлення замовлення, та не завершити покупку.
Дисклеймер: Цей продукт не виключає всіх ризиків та містить нікотин, що викликає залежність
Рекомендація: фіксувати при скролі кнопку оформлення замовлення та змістити акцент на неї, щоб заохотити користувачів завершити покупку.
Дисклеймер: Цей продукт не виключає всіх ризиків та містить нікотин, що викликає залежність
Фіксована загальна сума та кнопки для переходу до оформлення замовлення допомагають швидше завершити покупку. Завдяки зміні акценту на кнопку, тепер увага в першу чергу припадає саме на цільові дії та не вводить в оману користувачів
Під час роботи над оптимізацією сайту продажів систем нагрівання glo™ наша команда працювала над двома задачами:
Завдяки такому комплексному підходу нам вдалося простежити різні шляхи користувачів для здійснення цільової дії, виявити потенційні точки росту та запропонувати гіпотези щодо усунення юзабіліті недоліків сайту. Як бачимо, якісна аналітика – ключ до створення клієнтоорієнтованого сайту. І оскільки налаштувати коректну роботу інструментів збору інформації може бути проблематично, власникам бізнесу не варто покладатися на плагіни. Натомість краще звертатися за допомогою до профільних спеціалістів.
Як наслідок, вже за два місяці після випуску нової версії сайту:
Останній показник є безперечним доказом покращення зручності та клієнтоорієнтованості інтерфейсу платформи, оскільки нові користувачі ще не випрацювали звичку роботи з сайтом і здійснюють навігацію інтуїтивно.
Такі результати вказують на важливість UX аудиту для створення клієнто-орієнтованого інтерфейсу сайту та підтверджують статистику, що кожен долар, інвестований в покращення юзабіліті сайту, може принести бізнесу вдесятеро більше прибутку.
Моя компанія Hayat Estate вже 12 років займається продажем закордонної нерухомості, і головним напрямком для…
Війна триває, і тих, хто отримав поранення та потребує підтримки в одужанні, стає дедалі більше.…
В часи, коли наша країна змушена протистояти жорстокій російській агресії, коли біль, страх і гнів…
Чи знайоме вам відчуття, коли ви не звикли витрачати гроші на себе, соромитеся робити покупки,…
Вихід на міжнародний ринок може сприяти стрімкому розвитку вашого бізнесу. І часто найскладнішим етапом у…
Казка стала моїм порятунком у найтемніші часи. Як це сталося? Чесно кажучи, доволі неочікувано для…