thelegacy

Solid

  • Wireframing
  • Ux/Ui
  • Branding
  • 3D Motion
  • Front-end
Client

Solid is a banking platform whose Wallet product gives businesses checking accounts, Visa debit cards and ACH, wire, card and check payments through a sponsor bank.

What we did

A monochrome business banking interface: the desktop dashboard, wallet app screens for accounts, cards and transactions, onboarding with identity verification, money movement flows and the Visa debit cards.

Business banking dashboard and Visa debit cards

Solid gives businesses checking accounts, Visa debit cards and payments by ACH, wire, card and check, with the banking itself provided through a sponsor bank. Our UX/UI work for this fintech platform covers the web dashboard and the Wallet mobile app, both organised around the account.

On desktop, a left sidebar holds Overview, Transactions, Cards, Transfer Funds and Send Payments, while tabs along the top switch between accounts such as Receivables and Purchase, each with its balance. The overview leads with a black balance card beside two white shortcuts for moving and sending money. Cards are interface components too: virtual ones marked 'Limited use', a physical one showing available balance, label and spending limit, and a details drawer that slides over the card grid.

Solid
Solid

Wallet app screens: accounts, cards, transactions

The mobile app opens by asking which mode to start in, TEST or LIVE, each flagged with a small dot in orange or green. Home then stacks the Receivables balance on a black bar, the Move Money actions, contacts shown as initials, and recent transactions.

Accounts are grouped by owner, a person or a company, with a subtotal per group, which keeps personal and company money visibly apart. History is split by month, and each row carries a tinted tag for the payment rail: ACH, Card, Wire or Check. Funding has its own screen with three routes: push by account and routing number with copy buttons, pull from another bank, or deposit a check by photographing both sides.

Solid
Solid
Solid
Solid
Solid

Onboarding with identity verification and money movement

Each flow in the app asks for one thing per screen. Opening an account runs through wallet setup, with a toggle to send the card by mail, then personal address, personal details and an identity check that frames the face in a dashed oval. It ends on a confirmation that hands over the new account and routing numbers, with the sponsor bank disclosure in small print under the form.

Money movement keeps the same rhythm: choose source and destination, enter the amount, and land on a green tick that restates what moved and where. Check deposit asks for the payer, the amount and a photo of each side. Steps end on the same full-width black button.

Solid

Monochrome fintech UI from debit card to desktop

The wordmark is a lowercase 'solid.' with a full stop, and the product follows its restraint. Screens work in black and white over light grey, and colour appears only when it carries meaning: green for money in and completed actions, red for money out, pastel tags for payment types, orange for test mode. Avatars are initials in grey squares rather than photos.

The physical card comes in white and grey with a black Visa mark, the virtual cards in black with the wordmark in the corner, so the two read differently in a grid. Product shots sit on grey stone, perforated metal and a liquid-chrome banner to stay inside the same range. On desktop, the Transactions page adds search, filters, export and a slim 'Connection restored' status bar.

Solid
Solid
Solid
Solid
Solid

Project facts

Client
Solid, a banking platform that gives businesses accounts, Visa debit cards and payments through a sponsor bank
Industry
Fintech, business banking
Platform
Web dashboard, mobile app (Wallet)
Services
UX/UI design for web and mobile, payment card design
Deliverables
Desktop banking dashboard; Wallet app screens for accounts, cards and transactions; onboarding with identity verification; money movement and check deposit flows; physical and virtual Visa debit cards
Related cases
bankex, markmoda, AYA

Questions about this project

What is Solid?

Solid gives businesses checking accounts, Visa debit cards and payments by ACH, wire, card and check, with the banking itself provided through a sponsor bank.

What did thelegacy design for Solid?

The UX/UI of the web dashboard and the Wallet mobile app: accounts, cards and transactions, onboarding with identity verification, money movement and check deposit flows, and the physical and virtual Visa debit cards.

Why is the Solid interface black and white?

The product follows the restraint of its wordmark, a lowercase solid with a full stop. Screens work in black and white over light grey, and colour appears only when it carries meaning: green for money in, red for money out, pastel tags for payment types and orange for test mode.