Design System & interface for a business neobank

The context

At sign-up, the user picks a profile, freelancer or company, and Titane adapts the accounts, the limits and the documents it asks for. Once the account is open, the product covers a treasury's day to day. Multi-currency accounts, physical and virtual cards with adjustable limits, transfers and conversions at market rate, and invoicing to track client payments.

The approach

With the product team, we set up one shared base for the four main flows instead of treating each module on its own. I handled the design.

Consistent navigation across nine sections

Nine sections behind a single side menu. Dashboard, Activity, Cards, Transfers, Requests, Direct debits, Check deposit, Accounts, Settings. I documented every active state for the developers, so the implementation didn't drift from one screen to the next.

Cards

Carousel of physical and virtual cards, transaction history, and a management panel to block the card, change the PIN or adjust limits, without leaving the screen.

Transfers

From the first transfer to currency conversion. Empty states to guide newcomers, transfer type selection, a beneficiary list with country flags, transaction detail, conversion at the current rate.

Requests

The invoicing module tracks invoices sent, paid and unpaid, and lets you create a new one with a template, company details and itemized services.

Accounts

Multi-currency view of EUR, USD and GBP accounts, per-account transaction detail, and confirmations you can reach straight from the list, like locating a card payment or checking a refund.

To keep the brand recognizable in the product and in its communications, I documented two guides the team and the developers could refer to. A design system for the interface, with colors, shadows, typography, buttons and tags. An illustration system for the brand, with logos, avatars, bank cards and pictograms.

What changed