banxe

Banxe будує єдину фінансову платформу, де, за її власними словами, немає поділу на типи активів «фіат» і «крипта». Продуктові лінійки охоплюють IBAN-рахунки й картки, платежі SEPA і SWIFT, централізовану біржу для спотової, маржинальної та ф’ючерсної торгівлі, P2P-угоди, некастодіальний гаманець, DeFi-стейкінг, свопи й позики, а також криптопроцесинг для бізнесу.

Ми відповідали за дизайн сайтів і застосунків у всій цій fintech-екосистемі: біржу Banxe Trade, сторінку DeFi-стейкінгу з таблицями APY, мобільний застосунок і бренд, що їх об’єднує. Перші екрани задають мову для всього цього: блідо-лавандові поверхні, широкі чорні заголовки й глянцеві 3D-плитки-шестикутники з літерами, як у позначках продуктів: C — Crypto, T — Trading, E — Ecology.

Біржа позиціює себе як багатофункціональний торговий застосунок для споту, ф’ючерсів, P2P, DeFi та фіатного шлюзу. Її показують десять десктопних екранів: головна, P2P-оголошення, два екрани угоди, швидкий обмін, створення ордера, гаманці, профіль, сповіщення й ринковий дашборд. Сторінки поповнення й виведення ставлять вибір мережі (ERC20, BEP20 або BEP2) поруч із QR-кодом і таблицею історії, а основні сторінки окремо скомпоновано для мобільного вебу.

Найбільше логіки — на екрані P2P-угоди. Хід угоди відстежує чотирикроковий степер із номерами в шестикутниках, а фіолетовий зворотний відлік показує, коли пропозиція скасується сама. Поруч панель контрагента показує дату реєстрації, кількість транзакцій, рейтинг і рівень верифікації та кнопку «Chat», тож перевірка довіри відбувається, не виходячи з ордера.

Для соцмереж ми створили шаблони дописів, і шість із них з’являються в цих рядах. Кожен обрамлює зображення на весь формат (класичний бюст, постать у капюшоні з кубом Bitcoin, доларова купюра, що тане, переливчаста спіраль) контурами шестикутників по краях і значком із літерою в одному з кутів. Шестикутники по краях беруть колір значка: фіолетовий для C, градієнт від помаранчевого до пурпурового для T, білий для головного знака B. Місця для заголовків на кшталт «Post about Fiat» лежать на градієнтній формі або темному затемненні, тож нове зображення встає без шкоди для макета.

Між дописами з’являються перші екрани продукту: зведення гаманця на десктопі, дані картки та список карток, де є Banxe Virtual, Banxe White і стороння картка Visa.

Мобільний застосунок дотримується головної ідеї платформи: один гаманець із загальним балансом у євро, а під ним — рахунки Fiat Money і DeFi. У таб-барі — «Swap», «Transfer», «Portfolio» і «More», а в центрі піднято «Wallet» у вигляді фіолетового шестикутника. Екрани карток показують «Change PIN», «Re-create card», «Block card» і «Close card» рядами іконок-шестикутників, останні дві — з червоним відтінком. В аналітиці рахунку звичну кільцеву діаграму замінено шестикутним кільцем, поділеним на заощадження, витрати, перекази й комісії.

Стіна екранів охоплює й проміжні стани: створення PIN-коду, вибір країни та валюти, скасований ордер і екрани успіху із зеленою галочкою в шестикутнику та хешем транзакції, який можна скопіювати. Завершують набір сторінка управління з картками голосування та UI-кіт із віджетами голосування й полями введення.

Брендбук фіксує правила, яких дотримуються екрани. П’ять продуктових шестикутників — Crypto, Trading, Business, Ecology і Fiat Money — мають кожен свій градієнт. Druk Wide призначено для основних заголовків і чисел, а Gilroy — для другорядних заголовків і контенту, тому баланси й назви сторінок виглядають широкими та важкими, а форми лишаються спокійними. Співвідношення кольорів віддає графітовим і лавандовим базовим 70–80 відсотків, фіолетовим акцентам — 10–20, а зеленим і червоним інформаційним — лише крихту.

Застосунок також зведено в прототип зі сценаріями створення акаунта, карток, переказів, відновлення, історії платежів, розділення рахунку та підписок. Пітч-дек використовує той самий набір: білі слайди, широкі заголовки, контури шестикутників і екрани застосунку позаду фраз на кшталт «Not a bank. More.»