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. Криптокошелек BANKEX позволяет клиентам платить бизнесу напрямую в мессенджерах и соцсетях одной кнопкой, которая переводит деньги между их кошельком и кошельком компании.
Что и когда студия thelegacy сделала для BANKEX?
В 2019 году мы сделали вайрфреймы, UX/UI-дизайн и фронтенд приложения BANKEX Crypto Wallet: вход через Telegram и PIN-код, резервную копию seed-фразы, балансы, QR-коды, переводы, обмен токенов и контакты, а также набор иллюстраций.
В каком визуальном стиле сделан кошелек BANKEX?
Интерфейс набран шрифтом SF Pro Display и построен на четырех цветах: бледный #cdedff для поверхностей, ярко-синий #0ca7fb для действий, глубокий #043d56 для контраста и желтый #feb813 в иллюстрациях. Один контурный персонаж сопровождает моменты успеха, безопасности и переводов.
