thelegacy

bankex

  • Вайрфрейминг
  • UX/UI
  • Брендинг
  • 3D-моушн
  • Фронтенд
Клиент

BANKEX объединяет участников финансовых рынков вокруг своего протокола Proof-of-Asset; его криптокошелек позволяет клиентам платить бизнесу прямо в мессенджерах и соцсетях.

Что мы сделали

Вайрфреймы, UX/UI-дизайн и фронтенд мобильного кошелька в 2019 году: вход через Telegram, сид-фраза, балансы, QR, переводы, обмен токенов и набор иллюстраций.

BANKEX Crypto Wallet app, two phones with the welcome and success screens

Криптокошелек для оплаты прямо в мессенджерах

BANKEX — организация, которая объединяет участников финансовых рынков вокруг своего протокола Proof-of-Asset: актив клиента токенизируется и превращается в деньги для банка, не дожидаясь, пока сформируется портфель. BANKEX Crypto Wallet переносит это в повседневные платежи. Клиенты платят бизнесу прямо в мессенджерах и соцсетях, нажимая одну кнопку, которая переводит деньги между их кошельком и кошельком компании, — такой способ покупки клиент называет социальной коммерцией.

В 2019 году мы сделали для кошелька вайрфрейминг, UX/UI-дизайн и фронтенд. Интерфейс набран шрифтом SF Pro Display и построен на четырех цветах: бледном #cdedff для поверхностей, ярко-синем #0ca7fb для действий и шапок, глубоком #043d56 для контраста и желтом #feb813, который согревает иллюстрации.

What is Bankex: the wallet in hand
Bankex fonts and colour palette

Онбординг: вход через Telegram, PIN-код и сид-фраза

Кошелек открывается выбором: продолжить с Telegram или создать новый кошелек. Для входа через Telegram нужны никнейм и код, который приложение туда отправляет, а затем приложение блокируется шестизначным PIN-кодом — с отдельным сообщением на случай неверного ввода.

Новый кошелек проходит этап безопасности, построенный вокруг сид-фразы: приложение показывает слова для восстановления, просит ввести их обратно и подсвечивает ошибку красным, а затем через «Loading wallet» переходит к экрану «Successful». На каждом шаге появляется один и тот же персонаж, нарисованный линией, поэтому техническая задача воспринимается как дружелюбная.

Splash screen and six-digit PIN set-up with its error state
Signing in through Telegram
Seed phrase backup and verification with loading and success screens

Экраны кошелька: баланс, токены, получение, отправка, обмен

Главный экран начинается с общей суммы средств в долларах на фоне волны фирменного синего, дальше — по карточке на каждый кошелек монеты (Ethereum, Bitcoin и Litecoin) с ценой, изменением и балансом и ссылка «Add wallet». Таб-бар держит кошельки, контакты, QR-сканер, обмен и настройки на расстоянии одного касания. Управление токенами открывает баланс монеты с кнопками отправки и получения и историю транзакций и позволяет выбрать, какие монеты показывает кошелек.

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

Home screen with total funds and coin wallets
Token management: balance, history and coin settings
Receiving funds with a QR code
Sending tokens to an address or a contact
Token exchange inside the wallet
Contact profile with wallet address

Полный набор экранов и система иллюстраций

Полный набор раскладывает приложение сценарий за сценарием — от сплэш-экрана и настройки PIN-кода до кошелька, QR-кодов, переводов и контактов — на одной доске.

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

The complete Bankex screen set
Bankex illustration set

Факты о проекте

Клиент
BANKEX, организация, которая объединяет участников финансовых рынков вокруг своего Proof-of-Asset Protocol
Отрасль
Fintech, криптокошелек
Платформа
Мобильное приложение
Услуги
Вайрфрейминг, UX/UI-дизайн, фронтенд-разработка
Что сделано
Приложение BANKEX Crypto Wallet: вход через Telegram, PIN-код, резервная копия seed-фразы, балансы, управление токенами, получение по QR-коду, отправка, обмен и контакты; полный набор экранов; набор контурных иллюстраций
Год
2019
Больше работ в
Мобильные приложения
Похожие кейсы
markmoda, AYA, fozeus

Вопросы о проекте

Что такое BANKEX Crypto Wallet?

BANKEX объединяет участников финансовых рынков вокруг своего Proof-of-Asset Protocol. Криптокошелек BANKEX позволяет клиентам платить бизнесу напрямую в мессенджерах и соцсетях одной кнопкой, которая переводит деньги между их кошельком и кошельком компании.

Что и когда студия thelegacy сделала для BANKEX?

В 2019 году мы сделали вайрфреймы, UX/UI-дизайн и фронтенд приложения BANKEX Crypto Wallet: вход через Telegram и PIN-код, резервную копию seed-фразы, балансы, QR-коды, переводы, обмен токенов и контакты, а также набор иллюстраций.

В каком визуальном стиле сделан кошелек BANKEX?

Интерфейс набран шрифтом SF Pro Display и построен на четырех цветах: бледный #cdedff для поверхностей, ярко-синий #0ca7fb для действий, глубокий #043d56 для контраста и желтый #feb813 в иллюстрациях. Один контурный персонаж сопровождает моменты успеха, безопасности и переводов.

Следующий
кейс:
Готовы
работать вместе ?

    Привет! Меня зовут . Меня интересует С удовольствием обсужу проект Хочу пообщаться
    по электронной почте