Моя роль
Ведущий дизайнер проекта
Тип проекта
Стартап
Домен
Вэб3 и крипто
Online+ это web3 соцсеть с крипто-вознаграждением за контент
- ПользователиОсознанные пользователи, которые хотят не просто общаться в соцсети, а получать реальную выгоду от своего времени и контента
- Что дает продуктЗаработок на своем контенте без посредников. Каждый пост, лайк и комментарий приносит внутреннюю валюту, которая конвертируется. Нейросеть анализирует вовлеченность аудитории и помогает продвигать лучшие посты, увеличивая доход автора
- Ценность для бизнесаАктивные пользователи остаются в приложении дольше, создавая качественный контент и привлекая новых участников. Крипто-механика повышает лояльность и стимулирует ежедневную активность, что увеличивает комиссионный доход платформы
О проекте
Этот кейс — часть большого проекта, над которым я работал два с половиной года. Здесь я фокусируюсь на одной фиче: обновлении крипто-кошелька. Мы добавили новые функции — покупку и обмен токенов.
Бизнес-цель
Мы предполагаем, что улучшение UX кошелька повысит транзакционную активность, что в перспективе приведет к росту доходов. Ключевая метрика успеха дизайн-решения — рост доли пользователей, завершающих транзакцию.
Увеличить количество завершённых транзакций
Сделать процесс покупки и обмена токенов максимально простым и понятным, чтобы больше пользователей завершали транзакции
Вынести ключевые инструменты на первый план
Вынести ключевые функции — Swap, Buy, Send, Receive, чтобы пользователь мог начать операцию в один клик
Цель для юзера
Упростить навигацию, чтобы все инструменты для обмена и покупки токенов были под рукой
Экономия времени
За счет отображения ключевых функций на одном экране
Удобство взаимодействия
Минимальное количество кликов до ключевого действия
Формирование задачи
Вместе с Менеджером Продуктом согласовали
Цель:
Рост комиссионного дохода на 20% за счёт более частых и быстрых обменов.
Продуктовая задача:
- Упростить для пользователей навигацию к фичам Swap и Buy, чтобы снизить количество брошенных сессий и увеличить комиссионный доход.
- Добавить слайдер с баннерами, чтобы увеличить кросс-использование функций и дополнительно уведомлять.
Анализ текущего экрана
Проведя анализ текущего экрана выявили несколько важных параметров, которые необходимо учесть при проектировании
Критично
Кнопки Swap и Buy спрятаны в нижнем боттом шите. Проблемы в лишнем шаге для пользователя, падении конверсии и потере дохода
Важно
Список токенов был на 1-м экране, без скрола, чтобы принимать быстрые финансовые решения.
Дискавери
- Изучаем полученные инсайты от группы бета тестировщиков.
- Формулируем весь фидбэк в гипотезы, анализируем конкурентов.
- Используем Jobs To Be Done, как фокус на прогрессе, которого хочет достичь пользователь
Анализ качественных данных
Доля пользователей, совершивших транзакцию за сессию - 12%
Отслеживание событий:
Отслеживание событий:
- Клики по кнопке Swap - 8% от всех пользователей
- Клики по кнопке Buy - 4 % от всех пользователей
Формулировка проблемы
Сложная навигация заставляет пользователей тратить время на поиск Swap и Buy. Конверсия составляет всего 12%, а 88% сессий заканчиваются без единого действия — пользователи уходят, так и не совершив транзакцию.
Фидбэк от бета-тестировщиков
"Я хочу обменять, но не вижу и не могу найти как..."
"Для обмена проще использовать другие сервисы"
"Хочу купить монету, но не понимаю как это сделать в приложении."
"Для обмена проще использовать другие сервисы"
"Хочу купить монету, но не понимаю как это сделать в приложении."
Анализ конкурентов
Jobs To Be Done
Когда я открываю кошелек, я хочу сразу видеть быстрые кнопки действий (Купить, Обменять, Получить и Отправить), чтобы быстро выполнить транзакцию и не терять время на поиски функции и не пропустить выгодную цену
Дизайн
Генерирую идеи и проектирую возможные пути решения данной задачи
Ревью
Получаю обратную связь от Продакт Овнера и СЕО стартапа.
По результатам ревью, чтобы повысить вовлеченность пользователей, решили добавить:
По результатам ревью, чтобы повысить вовлеченность пользователей, решили добавить:
- график монеты (переключение интервала, цена и мкап)
- блок моя позиция (информация о количестве монет )
- блок история операций
- иконку поделится сведениями о монете
Пользовательское тестирование
Предоставляем новую сборку для группы бета тестировщиков для проверки и получения фидбэка.
Итоги тестирования
Тестирование показало, что обновлённый интерфейс кошелька успешно решает поставленные задачи:
- Успешность обмена — 85% пользователей завершили транзакции, что говорит о понятности нового сценария.
- Скорость — среднее время обмена сократилось до 5 секунд. Вынос ключевых инструментов на главный экран оправдал себя.
- Заметность — 78% пользователей заметили и кликнули на новые кнопки в первые минуты сессии, что подтверждает эффективность нового расположения элементов.
Jobs To Be Done
1. Онбординг и заполнение анкеты
Когда я скачиваю приложение, я хочу пройти простую и понятную регистрацию без лишних вопросов, чтобы уже через 2–3 минуты получить первые рекомендации и не бросить процесс на полпути.
2. Получение рекомендаций
Когда у меня есть 5–10 свободных минут и желание посмотреть, кого мне предлагают, я хочу видеть ограниченное количество качественных анкет (не бесконечный поток), чтобы не тратить время на бессмысленный свайп и принимать осознанные решения.
3. Начало и поддержание диалога
Когда я получаю взаимный лайк и попадаю в чат, я хочу понимать, с чего начать разговор и о чем говорить дальше, чтобы избежать неловких пауз, банального «привет-как-дела» и сохранить интерес собеседника.
4. Участие в Speed Dating
Когда мне надоело переписываться и хочется живого общения «здесь и сейчас», я хочу быстро найти подходящий временной слот, выбрать удобный формат (видео или аудио) и оплатить встречу баллами, чтобы за 2–5 минут понять, есть ли химия, и не тратить дни на пустую переписку.
5. Пополнение баланса
Когда у меня заканчиваются баллы, я хочу
продолжить пользоваться платными функциями и видеть понятные тарифы, легко пополнять баланс и сразу получать доступ к купленным встречам, чтобы процесс оплаты не прерывал мой пользовательский опыт и не вызывал раздражения.
Когда я скачиваю приложение, я хочу пройти простую и понятную регистрацию без лишних вопросов, чтобы уже через 2–3 минуты получить первые рекомендации и не бросить процесс на полпути.
2. Получение рекомендаций
Когда у меня есть 5–10 свободных минут и желание посмотреть, кого мне предлагают, я хочу видеть ограниченное количество качественных анкет (не бесконечный поток), чтобы не тратить время на бессмысленный свайп и принимать осознанные решения.
3. Начало и поддержание диалога
Когда я получаю взаимный лайк и попадаю в чат, я хочу понимать, с чего начать разговор и о чем говорить дальше, чтобы избежать неловких пауз, банального «привет-как-дела» и сохранить интерес собеседника.
4. Участие в Speed Dating
Когда мне надоело переписываться и хочется живого общения «здесь и сейчас», я хочу быстро найти подходящий временной слот, выбрать удобный формат (видео или аудио) и оплатить встречу баллами, чтобы за 2–5 минут понять, есть ли химия, и не тратить дни на пустую переписку.
5. Пополнение баланса
Когда у меня заканчиваются баллы, я хочу
продолжить пользоваться платными функциями и видеть понятные тарифы, легко пополнять баланс и сразу получать доступ к купленным встречам, чтобы процесс оплаты не прерывал мой пользовательский опыт и не вызывал раздражения.
Онбординг
Изначальный сценарий онбординга включал три шага. Мной было предложено расширить его до четырех этапов с добавлением экрана «Расскажите о себе», содержащего текстовое поле для самопрезентации и блок для указания ссылок на социальные сети.
Кроме того, завершающий шаг был представлен исключительно в текстовом формате — на основе этого описания мною был спроектирован визуальный экран для выбора предпочтений пользователя.
Кроме того, завершающий шаг был представлен исключительно в текстовом формате — на основе этого описания мною был спроектирован визуальный экран для выбора предпочтений пользователя.
Лента
Основная механика на свайп-экране. На этом экране вы управляете движениями - левое - это не мой мир, правое - моя половинка. вверх - профиль пользователя.
Отправка приглашения и подарка
В нижней части экрана предусмотрены две кнопки: «Подарок» и «Видео-свидание». Нажатие на кнопку «Подарок» запускает сценарий выбора и отправки подарка для пользователя. Нажатие на кнопку «Видео-свидание» запускает сценарий отправки приглашения с возможностью выбора даты и времени встречи.
Быстрые свидания
Формат коротких встреч от 3 до 10 минут в аудио- или видеоформате. Пользователь выбирает время, формат и оплачивает встречу поинтами. Это не только повышает вовлечённость, но и формирует дополнительный канал монетизации.
Чат и метчи
В разделе собраны все каналы коммуникации: полученные лайки, новые метчи и активные чаты. Кнопка «Лайки» позволяет увидеть, кому понравился профиль, и принять решение о взаимном интересе, а «Метчи» объединяют все подтверждённые совпадения для быстрого старта диалога.
Макеты профиля до
На момент аудита экран профиля представлял собой хаотичное нагромождение элементов: личные данные, галерея, приоритетные подарки, настройки аккаунта и платежная информация — всё вперемешку на одном экране. Отсутствовала четкая иерархия и группировка блоков, что делало навигацию запутанной и перегружало пользователя.
Профиль после
Экран профиля служит личным кабинетом пользователя и включает: галерею фотографий, редактируемую анкету с выбором предпочтений, настройки времени для встреч и уведомлений, а также раздел с отправленными и полученными подарками и средствами на счету.
UI-Кит
Для данного проекта был собран именно UI-Кит, так как он является самым оптимальным и быстрым решением для MVP
Макеты
Макеты данного проекта и организация их в фигме
