Електронний гаманець, який дозволяє користувачам купувати, зберігати та переказувати свої криптовалютні активи, а також обмінювати одну криптовалюту на іншу в межах одного сервісу.
Про проєкт
Коли клієнт звернувся до нас, у нього вже був робочий додаток і лендинг. Обидва були створені на основі шаблону з Themeforest (шаблон для WordPress), який не відповідав вимогам: додатку бракувало індивідуальності, а лендинг не виконував свою функцію продажів.
Клієнт шукав агенцію, яка могла б задовольнити його потреби та зробити редизайн додатка і лендингу — і натрапив на один з наших кейсів на Behance. Цей кейс був про проєкт, у якому ми розробили інтерфейс, що робить додаток зрозумілим навіть для новачків у сфері інвестицій. Клієнту сподобався наш підхід до вирішення завдань.
Як ми працювали
Цей проєкт став нашим внутрішнім експериментом. Ми вирішили випробувати методологію спринтів, вважаючи, що вона підійде для процесів дизайну. Однак це виявилося лише нашими очікуваннями.
Ми розбили проєкт на дрібні завдання, спланували спринти та розпочали з UX-дизайну. Криптовалюта є нішевим продуктом, і не можна витрачати 2 тижні на розробку низки екранів без належного розуміння цього продукту.
Валідація ідеї
Щоб перевірити попит, клієнт почав з спрощеного рішення та запустив MVP. Продукт користувався попитом, і тоді він вирішив, що настав час завершити його з повноцінним UI/UX-дизайном і створити впізнаваний бренд.
Портрет користувача
Розвинені бізнеси
Висока безпека, низькі комісії, відсутність повернень і анонімність — криптовалютні платежі мають багато переваг для користувачів. Щоб приймати BTC, ETH або USDT, бізнесу потрібно інтегруватися з платіжною системою, яка генерує адресу гаманця для переказу криптовалюти.
Криптовалютні консультанти
Консультації щодо інвестицій у Bitcoin, Ethereum або Tether вимагають потужних аналітичних інструментів. Ті, хто стежить за курсом криптовалют і прогнозує динаміку, потребують інформаційної панелі для відстеження змін курсів.
Новачки, які хочуть почати заробляти
Придбати чи продати криптовалюту можна різними способами: на біржі, в банкоматах або через P2P-біржі — у будь-якому випадку вам знадобиться електронний гаманець. Віджет, що показує, як працює сервіс, допоможе користувачам швидко розібратися у процесі.
Ментальна карта і вайрфрейми
Ми створили детальну ментальну карту і провели десятки годин на дзвінках із клієнтом. Ментальна карта дозволила нам переглянути стару архітектуру і продумати, як внести зміни, не розчарувавши існуючих користувачів.
Демонстрація кожного екрану клієнту допомагала отримувати оновлення та вносити правки в режимі реального часу — таким чином, нам вдалося покращити користувацький досвід, не порушивши логіку продукту.
Історія концепції
Ми почали розробляти концепції UI на ранніх етапах і представили три варіанти.
- Спрощений. Ми вирішили спростити інтерфейс. Він виглядав стильно, але клієнту результат не сподобався: він хотів унікальний дизайн із численними вау-ефектами.
- Додали кольори. Відповідно до рекомендацій клієнта, ми пішли далі. Цього разу інтерфейс став яскравішим, і ми додали арт-об’єкти. Однак ця версія здалася клієнту занадто несерйозною.
- Перетворився на банківський додаток. “Хочу темніше” — з цього моменту ми почали доопрацьовувати концепцію. Кольори стали темнішими, а весь інтерфейс більше нагадує банківський додаток.
Що змінилося?
Заплутана навігація
Логіка була незрозумілою для користувача: схожі функції розміщувалися на різних сторінках. Деякі з них було важко знайти.
Тепер усе зрозуміло
Тепер усі кнопки дій доступні з головного екрану, і користувачам не потрібно витрачати час на пошук функцій на різних екранах.
Складні налаштування
З якоїсь причини системні та профільні налаштування були об’єднані в одному розділі.
Що ми змінили
Екран виглядав перевантаженим, тому ми перебудували його та залишили тільки те, що потрібно користувачу, з єдиною кнопкою “Submit”.
Що додано?
Навіщо користувачам потрібен віджет
Віджет допомагає привернути увагу користувача: він дозволяє побачити, скільки біткоїнів користувач отримає за певну суму в доларах.
Більшість конкурентів мали такий віджет, що показало нам, що це необхідність. Ми додали його на лендинг PayPay — користувачі вводять суму (для обох сторін, щоб бачити еквіваленти тут і зараз) і отримують запит на реєстрацію.
Купити, надіслати, обміняти
Спочатку сервіс мав лише одну функцію: поповнення. Ми розділили функціонал «Поповнити» на «Поповнити», «Купити», «Вивести» та «Обміняти».
Лендинг
Ми мали підзавдання — переробити лендинг для додатка.
Хоча вимог до лендингу не було, ми добре розуміли сферу криптовалют та смаки клієнта. Ми прагнули створити прозорий лендинг, який допоможе користувачам зрозуміти, де вони знаходяться і чому їм це потрібно.
Результат
Для розробки нової логіки нашого продукту менеджер ретельно вивчив конкурентів, створив детальну ментальну карту та провів години обговорень елементів інтерфейсу з нами.
Команда виконала чудову роботу, надавши нам UI/UX-дизайн високої якості. Вони повністю переробили навігацію та оптимізували основні користувацькі сценарії, що зробило наш сервіс більш інтуїтивним та зручним для користувачів. Дизайн завершений, і ми вже розпочали його впровадження разом із нашою командою розробників.