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.»