Solid

Solid дает бизнесу расчетные счета, дебетовые карты Visa и платежи через ACH, банковским переводом, картой и чеком, а сами банковские услуги предоставляются через банк-партнер (sponsor bank). Наша UX/UI-работа для этой fintech-платформы охватывает веб-дашборд и мобильное приложение Wallet — оба построены вокруг счета.

На десктопе левая боковая панель содержит «Overview», «Transactions», «Cards», «Transfer Funds» и «Send Payments», а вкладки вверху переключают между счетами вроде «Receivables» и «Purchase», каждый со своим балансом. Обзор начинается с черной карточки баланса рядом с двумя белыми кнопками быстрого доступа — для перевода и отправки денег. Карты — тоже компоненты интерфейса: виртуальные с пометкой «Limited use», физическая с доступным балансом, названием и лимитом расходов и панель деталей, которая выезжает поверх сетки карт.

Мобильное приложение открывается вопросом, в каком режиме начать — «TEST» или «LIVE», — и каждый отмечен маленькой оранжевой или зеленой точкой. Затем главный экран складывает друг под другом баланс «Receivables» на черной полосе, действия «Move Money», контакты в виде инициалов и последние транзакции.

Счета сгруппированы по владельцу — человеку или компании — с промежуточным итогом для каждой группы, поэтому личные деньги и деньги компании заметно разделены. История разбита по месяцам, и в каждой строке есть тонированная метка платежного канала: «ACH», «Card», «Wire» или «Check». У пополнения свой экран с тремя путями: перевод по номеру счета и routing number с кнопками копирования, списание из другого банка или депозит чека через фото обеих сторон.

На каждом экране любого сценария приложение просит что-то одно. Открытие счета проходит через настройку кошелька с переключателем для отправки карты по почте, затем личный адрес, личные данные и проверку личности, которая вписывает лицо в пунктирный овал. Завершается оно подтверждением, которое выдает новый номер счета и routing number, а под формой мелким шрифтом — раскрытие информации о банке-партнере.

Движение средств сохраняет тот же ритм: выбрать источник и получателя, ввести сумму и оказаться на зеленой галочке, которая повторяет, что и куда переведено. Депозит чека запрашивает плательщика, сумму и фото каждой стороны. Шаги заканчиваются одинаковой черной кнопкой на всю ширину.

Вордмарк — это «solid.» со строчной буквы и точкой в конце, и продукт следует его сдержанности. Экраны работают в черном и белом на светло-сером, а цвет появляется, только когда несет смысл: зеленый для поступлений и завершенных действий, красный для списаний, пастельные метки для типов платежей, оранжевый для тестового режима. Аватары — это инициалы в серых квадратах, а не фото.

Физическая карта — белая и серая с черным знаком Visa, виртуальные — черные с вордмарком в углу, поэтому в сетке они читаются по-разному. Предметные снимки сделаны на сером камне, перфорированном металле и баннере с жидким хромом, чтобы не выходить за ту же гамму. На десктопе страница «Transactions» добавляет поиск, фильтры, экспорт и тонкую строку статуса «Connection restored».