О проекте

PassimPay — криптовалютный платёжный сервис, у которого есть кошелёк для личного использования. Мы проектировали дизайн мобильного приложения кошелька: экран с общим балансом, портфель монет, страницы отдельных активов, историю операций и детали вывода средств.

Задача

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

Главный экран и портфель

Наверху — выбор кошелька и аккаунта и общий баланс в долларах с кнопкой скрытия суммы. Сразу под ним три основных действия: Deposit, Exchange и Send. Переключатель Dashboard / Portfolio разделяет обзор и список активов. В портфеле каждая монета — карточка с текущим курсом, изменением за сутки, количеством монет и их стоимостью. Нижняя панель дублирует ключевые сценарии, а обмен вынесен в центральную круглую кнопку.

Экран Wallet Summary — полный список доступных активов с поиском. У токенов отмечена сеть, например TRC 20, рядом — курс и изменение в процентах, выделенное красным при падении.

Страница актива

Каждая монета открывается на отдельной странице в своём фирменном цвете: оранжевом для Bitcoin, зелёном для Tether. В шапке — текущая цена и график с периодами от 24 часов до года. Ниже повторяются действия Deposit, Exchange и Withdraw, а баланс показан двумя значениями: в монетах и в долларах.

Вкладка About рассказывает об активе: суточный объём, ликвидность, капитализация и короткое описание. Это помогает пользователю, которому не нужно уходить в сторонние сервисы, чтобы проверить базовые данные о монете.

Вкладка History — история операций по активу с фильтрами Income, Outcome и Exchange и поиском. Тип операции считывается по цветной иконке, а сумма показана и в монете, и в эквиваленте.

Детали вывода

По тапу на операцию открывается шторка Withdrawal details: сумма и сеть, статус транзакции, комиссия PassimPay, комиссия сети и итоговая сумма к получению — каждое значение в отдельном поле с подписью валюты. На экране предусмотрен статус ошибки и кнопка, чтобы поделиться деталями операции.

Результат

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