A product direction built around a complete journey.
A browser-based banking experience covering setup, balances, cards, transfers, bills, savings, insights, and security with deterministic mock money. The case study exposes the project’s structure and delivery boundaries so visitors can assess the visual system, route coverage, and intended interactions without mistaking a concept for commissioned client work.
01
Young-adult neobank simulation
The route architecture is organised around young-adult neobank simulation, with each named screen assigned a specific interaction role.
02
Project-specific visual direction
Soft-brutalist mint and black, oversized numerals, tactile card motion, bold state colour, and transparent financial hierarchy.
03
Original asset plan
Original card artwork, fictional transactions and institutions, CSS charts, and generated profile illustrations.
02 · Experience architecture
Navigate the complete app map.
Every named screen opens directly, making the concept’s scope inspectable and shareable without loading every experience route on this page.
20Connected screens
Routes describe the frontend experience. A visible route does not by itself claim a live backend integration or native store release.
03 · Evidence and boundaries
Original presentation, documented provenance.
Reference research and implementation status are stated separately. Third-party screenshots, logos, and branded assets are not used in this presentation.
Reviewed Mobbin evidence
Reference record
The links below were supplied as reviewed Mobbin reference records for pattern research. They do not imply affiliation, endorsement, or permission to republish source screens.
Asset record: Original card artwork, fictional transactions and institutions, CSS charts, and generated profile illustrations. Reference imagery is research-only. Public experiences ship original or licensed assets with source records.