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. Його криптогаманець дає клієнтам змогу платити бізнесу напряму в месенджерах і соцмережах однією кнопкою, яка переказує гроші між їхнім гаманцем і гаманцем компанії.

Що і коли thelegacy зробила для BANKEX?

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

У якому візуальному стилі зроблено гаманець BANKEX?

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

Наступний
кейс:
Готові
працювати разом ?

    Привіт! Мене звати . Мені потрібен Залюбки обговорю проєкт Хочу поспілкуватися
    електронною поштою