Mobile Application
Role : UX/UI Design
The project itself :
Project Overview
This project explores a redesign of the SCB mobile banking application, aiming to simplify complex interfaces and improve clarity in everyday financial tasks.
By reducing cognitive load and prioritizing key user actions, the redesign transforms a feature-heavy experience into a more focused, decision-driven banking interface.
Problem:
Dense interface with high cognitive load
Core actions compete with secondary features
Unclear hierarchy in critical financial flows
Users must overthink simple banking tasks
Goal:
The redesign aims to:
Reduce cognitive load by simplifying screen layouts
Clearly prioritize core banking actions
Improve visual hierarchy to guide user attention
Separate input and confirmation states in sensitive flows
Increase user confidence and reduce the risk of mistakes
All about the design :
Design Approach / UX Strategy
The redesign focuses on shifting the mobile banking experience from a feature-driven interface to a decision-driven user experience.
Rather than exposing all available functions at once, the approach prioritizes helping users complete one clear action at a time—especially in high-risk financial tasks.
Each screen is designed around a single primary user intention, supported by secondary information only when necessary. This reduces cognitive load, minimizes hesitation, and lowers the risk of user error—particularly in flows such as account management and money transfers.
Key Design Principles
Decision-First UX:
Every screen is structured to support one main decision.
Instead of asking users to manage multiple inputs at once, the interface guides them step by step—allowing users to focus on what matters now before moving forward.
Reduce Cognitive Load
Dense layouts and competing elements were replaced with clearly separated sections and card-based grouping.
Progressive Disclosure
Information and actions are revealed progressively based on user intent.
Sensitive flows, such as money transfers, are broken into confirmation-based steps that distinguish clearly
Home page Redesign
Key UX Improvements
Reduced Cognitive Load:
Fewer elements are displayed at once, allowing users to quickly scan and act.
Clear Action Priority
Everyday banking actions such as transfers and payments are immediately visible.
Stronger Visual Hierarchy
Information is grouped into meaningful sections, guiding user attention naturally.
Account & Transaction Page Redesign
Transfer Flow Redesign
The project schematically :
Outcome / UX Impact
The redesign transforms the mobile banking experience from a feature-heavy interface into a clearer, decision-focused system that supports everyday financial tasks with greater confidence and efficiency.
Reduced Cognitive Load
By simplifying layouts, restructuring information hierarchy, and separating key actions into guided steps, users no longer need to process excessive information at once.
This results in a calmer and more manageable banking experience.
Faster Task Completion
Core actions such as checking balances and transferring money are now prioritized and easier to access.
The streamlined transfer flow reduces unnecessary decision points, enabling quicker task execution.
Improved Input Confidence
Clear separation between display information and editable fields minimizes hesitation and lowers the risk of user errors during high-stakes transactions.