A complete mobile banking app interface designed in Figma for a financial institution, covering the end-to-end UI and UX of the customer-facing app — later used as the implementation reference for the React Native build.

The project was built to solve a problem common to most banking apps: the functionality of a banking app is inherently complex — accounts, transfers, statements, cards, security — but the experience of using it has to feel simple, fast, and trustworthy regardless of that complexity.

Mobile banking apps sit in a difficult spot for design. They need to support a wide range of financial functionality — checking balances, moving money, viewing statements, managing cards — much of which carries real consequences if a user gets confused or makes a mistake. At the same time, users expect a banking app to feel as fast and effortless as any other app on their phone, not like a form-heavy enterprise tool.

For the financial institution this was designed for, the goal wasn't just to make the app functional — it was to make sure the experience matched the level of trust a bank needs from its customers, while still feeling modern and easy to use day to day.

Without a deliberate design pass, banking apps tend to default to whatever structure is easiest to build rather than what's easiest to use — screens organized around backend systems instead of around what a customer is actually trying to do. This project set out to design the app around the customer's flow first, with implementation shaped around that.

The core challenge wasn't designing individual screens — it was designing a coherent system that could hold together across every flow a customer might use, while staying simple enough that none of the underlying complexity leaked into the experience.

This meant the design needed to:

• Cover the full range of core banking functionality — accounts, transfers, statements, and related flows — as one consistent app, not disconnected screens.
• Make complex financial actions (like transfers) feel simple and low-risk to complete.
• Establish a visual and interaction language consistent enough to guide implementation directly.
• Balance the trust and clarity a financial institution needs with a modern, intuitive mobile feel.
• Produce a mockup detailed enough to serve as a real implementation reference, not just a concept.
• Anticipate how the design would need to translate into a React Native build, not just how it looked in Figma.

In effect, the design needed to function less like a set of screen mockups and more like a blueprint — detailed and consistent enough that the engineering team could build directly from it with minimal reinterpretation.

I was responsible for the UI and UX design of the mobile banking app end to end, from early structure through to a implementation-ready Figma mockup.

My work included:

• Designing the overall information architecture and navigation flow for the app.
• Designing UI for core banking flows — accounts, transfers, statements, and related screens.
• Establishing a consistent visual design system — components, typography, color, and interaction patterns — across the entire app.
• Designing the interaction flow for higher-risk actions like transfers, prioritizing clarity and error prevention.
• Producing a Figma mockup detailed enough to act as a direct implementation reference for the development team.
• Working alongside the development process as the design was translated into React Native.

The key responsibility was making sure the design wasn't just visually polished, but structurally clear enough that "how should this work" was already answered by the mockup itself before development began.