DIGITAL BANKING UI
Designing a Responsive System for Digital Banking
ROLE
UI Designer
EXPERTISE
UI Design
YEAR
2026
Nexus is a fictional challenger bank created as part of a UI design course assignment.
The project explores how a banking experience can feel clear, approachable, and trustworthy, while working seamlessly across desktop, tablet, and mobile.
The Challenge
The challenge was to design an interface that:
Presents financial information clearly and logically
Introduces personality through colour and shape
Maintains a strong sense of trust and credibility
All designs needed to be responsive and display how the design will respond to the device the user is viewing it from.
Objectives
Create a fictional bank brand (Nexus)
Design a fully responsive UI system
Produce 9 key screens:
Accounts Overview (desktop, tablet, mobile)
Current Account (desktop, tablet, mobile)
My Spending (desktop, tablet, mobile)
The name Nexus was chosen…..
Clear 💎
Information is presented in an uncluttered way, with strong hierarchy and spacing to help users quickly understand balances and actions.
Playful 🪀
Subtle use of colour, rounded components, and friendly data visualisations introduce personality without distracting from usability.
Trustworthy 🔒
Consistent layouts, familiar banking patterns, and restrained visual design help users feel confident managing their finances.
Information Hierarchy
Each screen was designed around a core user need:
Accounts Overview
“What’s my financial situation right now?”
Current Account
“Where is my money going?”
My Spending
“How am I managing my finances over time?”
Responsive Design
Layouts were adapted intentionally for each device size:
Desktop
Multi-column layouts and higher data density
Tablet
Simplified structures with balanced spacing
Mobile
Single-column layouts prioritising key content and touch targets
Key Screens
Accounts Overview
The accounts overview acts as the user’s home screen once logged in. It provides:
A summary of all accounts (current, savings, joint)
At a glance balances
Clear navigation to deeper account views
Quick access to frequent payees
The design focuses on reassurance and clarity, allowing users to quickly orient themselves.
Current Account
The current account screen supports everyday banking tasks. It provides:
Recent transactions
Clear distinction between incoming and outgoing payments
Clear navigation to deeper account views
The layout helps users scan activity easily while maintaining consistency across devices.
My Spending
This screen helps users understand their financial behaviour over time. It provides:
Simple data visualisations
Spending trends and breakdowns
Insight into savings or spending patterns
Visualisations are designed to feel friendly and approachable, without overwhelming the user.
Here, the outcomes and achievements of the project are highlighted, including user feedback, adoption rates, and industry recognition.
Increased Efficiency
Users report significant time savings and improved productivity through optimized scheduling recommendations.
Positive User Feedback
High user satisfaction ratings and positive reviews highlight the app's intuitive interface and powerful AI capabilities.
Growing User Base
The app quickly gained traction among individuals and businesses worldwide, with a steady increase in user adoption and engagement.