Twenty bills, one confirmation.
The desktop side of Verda: built for the moments people sit down with their money. Paying a stack of bills, finding one payment from March, downloading a statement for the accountant.
When finances require in-depth analysis rather than quick moves.
People check their balance on the phone, but they sit down at a computer for the heavier work: paying all the monthly bills at once, reconciling a business expense, sending statements to an accountant.
The brief: make web banking the fastest place for those jobs, while sharing one design system with the mobile app so both feel like the same bank.
Every one of these jobs used to mean a queue at the branch or a call to the contact center. Doing them from home saves customers an enormous amount of time and patience.
One bill, one confirmation
Every payment needed its own confirmation code, so ten bills meant ten codes and ten waits.
Search that couldn't find
Finding an older payment meant scrolling month by month through a plain list.
Statements by request
Official statements had to be requested and arrived later, often as a scan.
Watching the desk, not just the phone.
We looked at how people actually use web banking: what they open first, where they give up and what they call support about. Interviews covered people who pay the bills for a whole household and freelancers who send statements to an accountant every month.
The same three products set the bar on desktop as they do for serious planning: YNAB for proactive zero-based budgeting, Monarch Money for a dense, collaborative net-worth dashboard, and Quicken Simplifi for real-time cash flow and plain-language spending plans.
Interviews
Household bill payers and freelancers, at their own desksAnalytics
Desktop sessions, task paths and where people dropped offSupport
Tickets about payments, limits and statements, grouped by causeWorkshops
Business, IT and compliance, on signing and security rulesBenchmarks
YNAB, Monarch Money and Quicken Simplifi, compared screen by screenDesktop sessions are planned
People arrive with a list: bills, a statement, a payment to find. The first screen should start that list, not interrupt it.
Batches beat steps
Ten bills with ten codes felt like ten chances to make a mistake. One review and one signature felt safer.
Files are part of the job
Accountants, landlords and visa offices ask for statements. They should be one click away, at any hour.
Verda: growth you can see.
Verda stands in for the real bank. The name comes from verde, green, and the mark folds a leaf into the V. One confident green carries every primary action. Everything else stays quiet, so money is the loudest thing on screen.
On the desktop the identity has to work in new places: a 16-pixel favicon among other tabs, a bookmark, and a wide screen where green is still used only for what matters.
Colour in use
Green is reserved for actions and money coming in. Alert red appears only when something needs attention, so it never loses its meaning. On a wide screen this matters even more: one green button per view.
Typography
Voice
Eight screens, one desk.
The mobile app's screens, rebuilt for a wide screen: more columns and more context, with the same components and the same calm. Two jobs exist only on the desktop: paying a batch of bills and handing statements to an accountant.
One number first, then everything else.
The total across every account and vault answers "how much do I have?" before anything else. Spending by month sits next to the card and today's payments, and a new payment is always in the top right corner.
- Total balance with monthly trend
- Accounts and vaults in one row
- Six months of spending with the average
- The physical card, one click from freezing
Every payment explains itself.
Raw card descriptors become clean merchant names with icons and categories. The detail opens in a side panel, so the list stays in view while you split a bill, download a receipt or report a problem.
- Grouped by day with daily totals
- Pending payments look different
- Detail beside the list, not instead of it
- Split, receipt and report in one row
No phone call for a lost card.
Freeze is the first action, one click and reversible. Online, contactless, ATM and location security are separate switches, and the monthly limit moves with a slider that applies the same second.
- Physical, virtual and single-use cards
- Instant freeze and unfreeze
- Granular security switches
- Limit with what's already spent
The total before the button.
The fee, the rate and the amount the recipient gets are visible while typing, not after confirming. The summary on the right keeps the total, the locked rate and the arrival time in view the whole time.
- You send / they get, both editable
- Fee and rate broken down step by step
- Rate locked with a visible timer
- Arrival time in plain words
Pick the bills, sign once.
Saved payees and upcoming bills appear in one table. Tick what to pay, check the total on the right and confirm the whole batch with a single signature. Bills due soon are highlighted so nothing is missed.
- Upcoming bills from saved templates
- Due-soon dates in amber
- Running total and €0 fee before confirming
- One signature for the whole batch
Any payment in three filters.
Search understands payees, amounts and categories, and filters stack as chips. Results are grouped by month with totals, and official statements download instantly as PDF or CSV.
- Search with stacked filter chips
- Results grouped by month with totals
- Categories carried over from mobile
- PDF and CSV statements on demand
Money that's going somewhere.
Spending is grouped into categories with budgets, so overspending shows early. Vaults give savings a name and a target, and round-ups fill them without thinking. The wide screen shows every budget and every vault at once.
- Category budgets with progress
- Over budget shown in plain red
- Named savings goals with targets
- Round-ups from card payments
Same bank on every screen.
Web and mobile are built from the same Verda components. A payment looks the same on both, so customers never have to learn the bank twice, and the team ships a component once for both platforms. The layout adapts to the screen; what a component means and how it behaves stays the same.
Transaction row
Same anatomy, more columnsPayment card
Real proportions on bothPrimary action
One green action per viewStatus & controls
Colour carries meaning, never decorationColour tokens
Radius
Spacing
Shared
1 libraryMobile and web, documented in StorybookWhat changed.
The heavy money jobs moved from the branch and the phone line to the desk at home. Paying the month's bills, finding an old payment and getting an official statement now take minutes, at any hour.
The product is live and growing on the same system as the mobile app, so every new feature ships on both platforms from one set of components.
Batch, then confirm
Reviewing everything at once and signing once felt safer to people than confirming each payment on its own.
Keep the list in view
Details in a side panel instead of a new page made checking several payments in a row much faster.
Business accounts
Approvals by two people for small businesses build naturally on the same batch signature.