UXPUB 🇺🇦 Дизайн-спільнота

Cover image for Bikago. Редизайн та тестування прототипу
Obriy Design Büro
Obriy Design Büro

Опубліковано • Оновлено

Bikago. Редизайн та тестування прототипу

Короткий огляд проєкту

Bikago — одна з найбільших компаній прокату мотоциклів і скутерів у Південно-Східній Азії.

Запит клієнта:

  • редизайн вебсайту Bikago
  • створення мобільної версії сайту
  • оптимізація процесу оренду на сайті

Короткий огляд робочого процесу:

  1. Desk research
  2. Створення UX прототипу
  3. Тестування прототипу
  4. Новий дизайн інтерфейсу користувача
  5. Створення набору всіх компонентів

Desk research

Ми розпочали наше дослідження з інтерв'ю з клієнтом. В процесі бесіди ми отримали важливі деталі, які в майбутньому вплинули на робочий процес: дані про цільову аудиторію та конкурентні переваги сервісу.

Також ми визначили больові точки, які хвилюють потенційного орендатора мотоциклів на Балі та Пхукеті. Отримана інформація лягла в основу user persona.

Аналіз прямих і непрямих конкурентів дозволив визначити слабкі та сильні сторони сервісів прокату.

Image description

Клієнт надав доступ до Google Analytics сайту Bikago. За допомогою аналітики ми знайшли місця, де сайт втрачав користувачів. Іншим важливим маркером став bounce rate. Показник відмов показав, що сервіс не відповідає очікуванням і потребам користувачів. Ці висновки додатково підтвердив аналіз відгуків користувачів.

Image description

Рішення, які ми запропонували клієнту

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

  • для забезпечення швидкого та зручного досвіду - адаптація сайту під мобільні пристрої та планшети
  • створення чітких і переконливих CTA, які спрямовують користувачів виконати цільову дію на сайті
  • створення інтуїтивно зрозумілого меню навігації.
  • зробити текстовий вміст легким для читання
  • створити візуально привабливий дизайн, який заохочує користувачів відвідувати сайт Bikago
  • використовувати інтерактивні елементи для залучення користувачів
  • додати відгуки клієнтів для зміцнення довіри та заохочення майбутніх клієнтів
  • контент має відповідати потребам і проблемам цільової аудиторії
  • створити інформативні та зрозумілі сторінки помилок

Створення UX прототипу

На цьому етапі ми повністю створили прототип мобільної версії сайту, а потім розширили її до десктопних девайсів.

За даними аналітики клієнта, 90% користувачів відвідують сайт через мобільні пристрої. Саме тому першочергово ми створили саме мобільну версію сайту.

Image description

Як ми скоротили процес прокату на сайті
Стара версія сайту Bikago вимагала від користувачів пройти шість кроків, щоб взяти в прокат мотоцикл. Крім того, користувачі обов'язково повинні були реєструватися на сайті. Ці незручності заохочували частину потенційних клієнтів обирати інші компанії, незважаючи на численні переваги Bikago.

Ми запропонували скоротити етапи до чотирьох найважливіших і прибрати реєстрацію на сайті. Замість реєстрації - клієнт заповнює адресу електронної пошти під час процесу прокату. Сповіщення про замовлення та чеки надсилатимуться на цю електронну адресу.

Image description

Тестування прототипу

Тестування прототипу — це процес тестування функціоналу реальними користувачами. Метою тестування прототипу була перевірка на зручність та зрозумілість, щоб на початковому етапу проєктування виявити проблемні місця.

Ми створили прототип процесу прокату та протестували його в фокус-групі.

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

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

Image description

Оновлений дизайн інтерфейсу

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

Для клієнтів, які шукають оренду на певних островах, ми створили сторінки для конкретних островів із функцією прокату на головному екрані.

Image description

Image description

Image description

Від мобільної версії до десктопної

Image description

Комплексний редизайн дозволив зробити сервіс сучасним та націленим на потреби клієнтів. Ми оптимізували процес прокату і забезпечили плавну адаптацію мобільної версії до десктопної.

У майбутньому новий дизайн посилить залучення користувачів і збільшить кількість клієнтів сервісу, що зробить Bikago лідером серед компаній, які надають послуги з прокату мотоциклів на Балі та Пхукеті.

Посилання на повний кейс Behance.
Проект знаходиться на стадії розробки.

Created by Obriy Design Büro

Топ коментарі (0)