Exbi-trade

100%

Crypto

B2C

Mobile app

Дизайн-система

Exbi.Trade

Крипто-биржа (CEX & DEX) с фокусом на WEB 3.0

Год

2020-2021

Роль

Senior Product Designer

Бизнес-задача

Разработать и запустить современную биржу для пользователей, которые активно торгуют или инвестируют в криптовалюты. Проект должен иметь весь функционал, которым обладает соврменная крипто-биржа: trading, earn, deposit/withdraw, internal transfer, buy crypto, earn, kyc, affliate.

• разработать дизайн-систему
• разработать макетов основных разделов для биржи (web, mobile app)
• разработать дизайн для мобильного приложения крипто-кошелька

Моя роль

В этом проекте я выступал в роли Senior product designer:

• лидировал направление по разработке дизайн-системы, ее разрабатывали с нуля (шрифты, цвета, токены, компоненты, гайдлайны, changelog)

• отвечал за дизайн всех основных разделов (trading, earn, deposit/withdraw, internal transfer, buy crypto, earn, kyc, affliate)

• менеджерил 2 дизайнеров (контроль качества дизайн-макетов, постановка задач, формирование бэклога)

• проводил дизайн-ревью

• презентовал и защищал дизайн-решения перед стейкхолдерами

• проводил исследования, бенчмаркинг

Команда и процесс

Размер продуктовой команды ~50 человек. Дизайн-команда: Дизайн-директор, 1 senior designer, 2 middle-дизайнера. Работали двух-недельными спринтами по классическому scrum.

Инструменты

Figma

Miro

Jira

Notion

Gitlab

Кошелек (ввод, вывод, внутренние переводы)

Задача

Разработать основной функционал для ввода, вывода и перевода средств внутри биржи

Бизнес-цель

Увеличить количество транзакций и улучшить удобство работы с активами на бирже

Миссия для пользователя

Возможность быстрого и безопасного ввода, вывод и перевода средств на бирже

Критерий успеха

Рост числа активных пользователей и совершенных транзакций

Discovery

Провел анализ конкурентов

Результат discovery

В результате выявил слабые и сильные решения конкурентов. Взял это за основу при разработке макетов.

Скоупинг

Вот что взяли для MLP-версии для кошелька:

• возможность быстро переключаться между типами кошелька (spot, affiliate и т.д.)

• возможность быстро просмотреть последние транзакции

• наличие кнопок (ввод и вывод) в быстром доступе

• отображение баланса в btc и фиате (USD)

UX-тесты

Провел ряд коридорных тестов на коллегах, которые часто пользуются кошельками на крипто-биржах, чтобы выявить слабые места. Тесты помогли понять, что пользователи сталкиваются с затруднениями в навигации и недостаточно интуитивной организацией функций перевода средств. На основе полученной обратной связи были внесены изменения в дизайн.

Кошелек

Ввод

Вывод

Запуск earn и KYC

Проблема

• Все финансовые организации обязаны соблюдать требования регуляторов по верификации своих клиентов

• Пользователи хотят получать пассивный доход от хранения активов на бирже

Бизнес-цель

Увеличить доход и удержание клиентов через внедрение новых возможностей заработка и соблюдение регуляторных требований.

Миссия для пользователя

Обеспечить безопасное хранение активов с возможностью получения пассивного дохода.

Критерий успеха

Рост числа активных пользователей и объема хранимых активов.

Решение

• Внедрить систему KYC (Know Your Customer)

• Разработать и запустить раздел «EARN» для удержания клиентов и повышения их активности.

Discovery

Для запуска KYC мы использовали готовое решение от провайдера, у которого уже был свой flow из шагов. Их менять мы не могли. Я проанализировал документацию сервиса, чтобы собрать список основного функционала. Дополнительно обсудили с разработчиками возможность кастомизацию дизайна используемого решения.
Для earn — провел бэнчмаркинг конкурентов.

Результаты discovery

Собрал flow всех шагов процесса KYC, а также основные статусы верификации
Выработал понимание того, как должен выглядеть раздел EARN: в виде лэндинга со списком планов для подписки

Earn

Earn

KYC

Терминал для торговли

Задача

Разработать терминал для торговли, учитывая разные группы пользователей (новички и опытные трейдеры)

Терминал

Basic layout

PRO layout

Мобильное приложение

Задача

Разработать современное мобильное приложение для биржи, повторяющее основной функционал дескотопа

В общей сложности разработали более 130 экранов для мобильного приложения. Я также лидировал это направление (спроектировал ~50% экранов). Ставил задачи middle-дизайнерам, отвечал за результат.

Главный экран

Кошелек

Больше экранов

100+ экранов

Дизайн-система

Задача

Создать и запустить первую версию дизайн-системы с основным набором токенов и компонентов для дальнейшего ускорения процесса разработки продукта

Компоненты

Цвета

Система токенов

Провел много исследований и анализ существующих дизайн-систем на рынке, чтобы выработать наилучшее решение.

По итогу — запустили полноценную дизайн систему, с описанием и гайдами. Я лидировал это направление, проводил ревью компонентов, следил за качеством реализации их в разработке, ставил задачи на создание компонентов дизайнерам, выстроил и внедрил систему токенов (для темной и светлой темы).

Редизайн

Задача

Подготовить концепты для второй версии биржи, дополнительно улучшив UX основного функционала.

Подготовил свои концепты на основе рисерча конкурентов биржи и крипто-кошельков.

Кошелек