A bank built for everyone.
TrayBank exists for, loans and a payments flow, written the way a real institution would write them, .
Why a fictional bank at all
Most banking demos are a single login screen. TrayBank goes the other way: eight distinct account ledgers, five loan products, a contact desk and a payments counter, each with its own rules, rates and reasoning — the way a real retail bank's site actually branches.
Nothing here is connected to a real ledger, a real regulator, or a real deposit. Every figure, rate and reference number is illustrative. The goal is structure and clarity, not commerce.
- Independent page for every account and loan type, not one template reused
- A shared design language — the ledger rule, the passbook, the brass seal — so the site reads as one institution
- Demo forms that respond with a confirmation, so the full user journey can be traced
Model Timeline
Principles behind the model
Clarity
Every page states rates, fees and eligibility in the open, in plain language, near the top of the page.
Structure
Each account and loan is its own page with its own logic — nothing is a reskinned duplicate.
Honesty
The site is labelled as a demo throughout, so it's never mistaken for a real financial institution.
Learning
Built as a reference for how a multi-page banking site is organised, from nav to footer.
Who signs the ledger
Fictional roles standing in for the departments a real bank site would credit.
Head of Accounts
Oversees the eight account ledgers and their published rates.
Head of Lending
Maintains the five loan products and their documentation lists.
Head of Service
Runs the Get in Touch desk and the payments counter.