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