bankex
BANKEX об’єднує учасників фінансових ринків навколо свого протоколу Proof-of-Asset; його криптогаманець дає клієнтам змогу платити бізнесу просто в месенджерах і соцмережах.
Вайрфрейми, UX/UI-дизайн і фронтенд мобільного гаманця у 2019 році: вхід через Telegram, сид-фраза, баланси, QR, перекази, обмін токенів і набір ілюстрацій.
Криптогаманець для оплати просто в месенджерах
BANKEX — організація, яка об’єднує учасників фінансових ринків навколо свого протоколу Proof-of-Asset: актив клієнта токенізується й перетворюється на гроші для банку, не чекаючи, поки сформується портфель. BANKEX Crypto Wallet переносить це в повсякденні платежі. Клієнти платять бізнесу просто в месенджерах і соцмережах, натискаючи одну кнопку, що переказує гроші між їхнім гаманцем і гаманцем компанії, — такий спосіб купівлі клієнт називає соціальною комерцією.
У 2019 році ми зробили для гаманця вайрфреймінг, UX/UI-дизайн і фронтенд. Інтерфейс набрано шрифтом SF Pro Display, він побудований на чотирьох кольорах: блідому #cdedff для поверхонь, яскраво-синьому #0ca7fb для дій і шапок, глибокому #043d56 для контрасту та жовтому #feb813, що зігріває ілюстрації.
Онбординг: вхід через Telegram, PIN-код і сид-фраза
Гаманець відкривається вибором: продовжити з Telegram або створити новий гаманець. Для входу через Telegram потрібні нікнейм і код, який застосунок туди надсилає, а потім застосунок блокується шестизначним PIN-кодом — з окремим повідомленням на випадок неправильного введення.
Новий гаманець проходить етап безпеки, побудований навколо сид-фрази: застосунок показує слова для відновлення, просить ввести їх назад і підсвічує помилку червоним, а потім через «Loading wallet» переходить до екрана «Successful». На кожному кроці з’являється той самий персонаж, намальований лінією, тож технічне завдання сприймається як дружнє.
Екрани гаманця: баланс, токени, отримання, надсилання, обмін
Головний екран починається із загальної суми коштів у доларах на тлі хвилі фірмового синього, далі — по картці на кожен гаманець монети (Ethereum, Bitcoin і Litecoin) з ціною, зміною та балансом і посилання «Add wallet». Таб-бар тримає гаманці, контакти, QR-сканер, обмін і налаштування на відстані одного дотику. Керування токенами відкриває баланс монети з кнопками надсилання й отримання та історію транзакцій і дає змогу вибрати, які монети показує гаманець.
Отримання — це QR-код з адресою, поле суми й кнопка копіювання. Надсилання йде або на вставлену адресу, або комусь зі списку контактів — через підтвердження, де видно суму й обидва гаманці. Монети обмінюються просто в гаманці, з екранами прогресу й помилки, а профіль контакту зберігає дані людини й адресу її гаманця в одному місці.
Повний набір екранів і система ілюстрацій
Повний набір розкладає застосунок сценарій за сценарієм — від сплеш-екрана й налаштування PIN-коду до гаманця, QR-кодів, переказів і контактів — на одній дошці.
В усіх ілюстраціях — один персонаж, намальований лінією в синьому й жовтому: він тримає велетенську галочку, замуровує навісний замок цеглою, махає картатими прапорцями, передає монету з телефону на телефон. Ілюстрації супроводжують моменти успіху, безпеки та переказу, які гаманець інакше показав би простим текстом.
Факти про проєкт
- Клієнт
- BANKEX, організація, що об’єднує учасників фінансових ринків навколо свого Proof-of-Asset Protocol
- Галузь
- Fintech, криптогаманець
- Платформа
- Мобільний застосунок
- Послуги
- Вайрфреймінг, UX/UI-дизайн, фронтенд-розробка
- Що зроблено
- Застосунок BANKEX Crypto Wallet: вхід через Telegram, PIN-код, резервна копія seed-фрази, баланси, керування токенами, отримання за QR-кодом, надсилання, обмін і контакти; повний набір екранів; набір контурних ілюстрацій
- Рік
- 2019
- Більше робіт у
- Мобільні застосунки
Питання про проєкт
Що таке 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 в ілюстраціях. Один контурний персонаж супроводжує моменти успіху, безпеки й переказів.
