Як ми збільшили конверсію сайту на 12,5% завдяки Microsoft Clarity: кейс Turum-burum та Shiny&Diski
Як завдяки стратегічному редизайну e-commerce збільшити продажі та підвищити коефіцієнт конверсії на 12,5%? Кейс редизайну інтернет-магазину Shiny&Diski доводить, що цільові UX/UI рішення для покращення користувацького досвіду можуть покращити якість взаємодії клієнтів із платформою та оптимізувати загальний досвід здійснення онлайн-покупок.
Знайомство з Shiny&Diski
Заснована у 2012 році, компанія Shiny&Diski займається продажем шин та дисків і є офіційним дилером Nokian, Michelin, Continental та Goodyear. Пріоритет бренду — доступність та комфорт покупців.
Тому в онлайн-магазині Shiny&Diski клієнти можуть скористатися шинним калькулятором, ознайомитися з детальною характеристикою товарів і отримати замовлення протягом 1-3 днів через різні логістичні компанії або в пункті самовивозу вже через три хвилини після оформлення замовлення. Адже задоволеність користувачів є головною метою компанії.
Завдання та цілі проєкту
Головні цілі редизайну:
- Структурувати інформацію й надати необхідні деталі для кожного продукту, представленого на сайті;
- Забезпечити легкий та зручний пошук товарів;
- Створити якісний користувацький досвід як на десктопах, так і на мобільних пристроях.
Найбільший виклик: Задоволення потреб широкої цільової аудиторії з різним бекграундом, віком та рівнем технічної обізнаності.
Наша мета: зробити сайт інтуїтивно зрозумілим і доступним для всіх типів користувачів завдяки оптимізації користувацького досвіду.
Редизайн сайту: 5 ключових проблем юзабіліті та шляхи їх вирішення
Команда «Турум-бурум» ретельно проаналізувала юзабіліті сайту, KPI та поведінку клієнтів за допомогою інструментів аналітики, зокрема Microsoft Clarity. Під час дослідження агенція виявила кілька суттєвих недоліків юзабіліті сайту Shiny&Diski, що негативно впливали на загальні показники успіху бізнесу.
Cторінка видачі товару
Неефективний фільтр пошуку за брендом
Проблема: Розташування брендів на сайті в алфавітному порядку ускладнює пошук релевантних товарів. Так, клієнтам доводилося скролити довгі списки, щоб знайти потрібний бренд.
Рекомендація: Реорганізувати список брендів на базі аналітики, розмістивши найпопулярніші бренди вгорі, а решту – в алфавітному порядку. Це зробить пошук релевантних товарів швидким та доступнішим для користувачів.
Результат: Дані після реалізації проєкту показують, що користувачі частіше взаємодіють з популярними брендами, що значно прискорює процес вибору товару та підвищує їх задоволеність.
Підписуйтеся на наші соцмережі
Як результат – користувачі на 15% частіше переходять на сторінку товару зі списку товарів і на 67% частіше додають товар до кошика.
Зайвий крок для фільтрування товарів
Проблема: Згідно з тепловими картами та картами кліків, користувачі досить активно взаємодіяли з блоком фільтрів пошуку. Однак, щоб переглянути результати пошуку за заданими параметрами, користувачі повинні були зробити зайвий крок – натиснути кнопку «Показати». Крім цього, у видачі відображалася лише сукупна кількість товарів, які відповідали всім обраним фільтрам, без зазначення кількості товарів за окремими з них.
Рекомендація: Прибрати кнопку «Показати» і відображати кількість релевантних товарів безпосередньо навпроти кожного фільтру. Це рішення дозволить користувачам одразу бачити кількість продуктів, що відповідають їхнім вимогам, спростить процес фільтрації та покращить загальний користувацький досвід.
Результат: Користувачі продовжують активно користуватися фільтрами після редизайну, але процес пошуку потрібного товару став простішим і швидшим. Прибравши зайвий крок і забезпечивши відображення кількості доступних товарів за кожним параметром, ми спростили процес пошуку та наблизили користувачів до здійснення покупки.
Фільтр ціни знаходиться занадто низько
Проблема: Попри те, що користувачі часто використовували фільтр ціни, його бачили лише 64% покупців. Це потенційно перешкоджало його використанню та збільшувало час пошуку релевантного товару.
Рекомендація: Перемістити фільтр цін вище, щоб зробити його більш помітним та оптимізувати зручність використання. Це дозволить пришвидшити навігацію сайтом під час вибору релевантного товару та оформлення замовлення.
Результат: Карти скролів та кліків Microsoft Clarity показують, що після редизайну близько 90% користувачів стали помічати фільтр цінового діапазону, що призвело до збільшення його використання. Тож зміна розташування фільтрів не лише покращила користувацький досвід, але й пришвидшила процес пошуку товарів, які відповідають конкретним потребам користувачів.
Сторінка товару
Відсутня можливість швидкого вибору розміру
Проблема: У хлібних крихтах сайту користувачі часто натискають на «модель бренду», щоб перейти на конкретну сторінку каталогу. Швидше за все, вони це роблять для перевірки доступності різних розмірів певної моделі, а отже – інформацію про доступні розміри на минулій версії сайту було складно знайти.
Рекомендація: Дозвольте користувачам бачити всі варіанти розмірів товару на одному екрані. Це спростить процес здійснення покупки й виключить необхідність додаткового пошуку.
Результат: Таке рішення збільшило залученість користувачів, дозволивши їм легко порівнювати та обирати розміри, що пришвидшило процес прийняття рішення про покупку.
Погано продумане розташування характеристик товару
Проблема: Користувачі часто натискають на «Всі характеристики», тому що їх цікавлять деталі товару або ж тому, що характеристики не видно на перших екранах. Так, дані теплової карти показали, що лише 16% користувачів переходило до розділу «Характеристики», тоді як 33% обирали блок відгуків, розташований над деталями товару.
Рекомендація: Перемістити блок з характеристиками відразу після блоку з фото товару, а розділ з відгуками – після нього. Ця зміна зробить інформацію про товар відразу видимою і доступною, виключивши зайві кліки чи скролінг сторінки.
Результат: Після впровадження змін понад 40% користувачів отримали доступ до блоку з характеристиками товару, що свідчить про те, що вони стали візуально помітнішими. Після цього блоку користувачі абсолютно природно переходять до відгуків, що покращує їх загальний досвід взаємодії з платформою.
Завдяки впровадженню цих UX/UI рішень, показник конверсії зі сторінки продукту до кошика збільшився на 11%.
Головна сторінка
Відсутній пошук за популярними категоріями
Проблема: На сайті відсутні прямі посилання на популярні категорії, тому користувачі змушені переміщатися по бургер-меню, щоб отримати доступ до певних категорій. Тож користувачам доводилось робити зайві кроки для здійснення покупки.
Рекомендація: Додайте блок з найпопулярнішими підкатегоріями безпосередньо під основними категоріями товарів. Це дозволить користувачам швидко переходити до потрібної підкатегорії, спростивши пошук і зменшивши кількість кроків, необхідних для пошуку релевантного товару.
Результат: помітно збільшилася взаємодія користувачів з цими категоріями – близько 40% користувачів мобільних пристроїв і 15% десктопних користуються новим блоком.
Як наслідок – коефіцієнт конверсії для користувачів, які переходять з головної сторінки, збільшився на 8%. Це свідчить про швидший перехід до покупки порівняно з попередніми показниками.
Результати редизайну в цифрах
Фактичні дані наочно демонструють позитивний вплив впроваджених UX/UI рішень.
- Загальне збільшення конверсії: CR сайту збільшився на 12,5%, зі значним зростанням на різних пристроях – 16% для користувачів мобільних пристроїв і 7% для десктопу.
- Збільшення залученості клієнтів: користувачі стали на 15% частіше переходити на сторінку товару зі списку товарів і на 67% частіше додавати товар до кошика.
- Оптимізація взаємодії з сайтом: користувачі почали переглядати на 40% більше продуктів за сеанс, в середньому 2,2 позиції.
Підписуйтеся на наші соцмережі
