Six connected screens demonstrate authentication, home, budget, and navigation states.
QNB Mobile Redesign
A bank home that explains your money.
A concept redesign that reorganizes everyday banking around balance clarity, recent activity, fast actions, and spending context while respecting QNB's purple identity.
My roleUX audit, information architecture, and visual redesign
Banking flow01 / 06
Use arrow keys · swipe on touch · tap the screen rail
Financial clarity
A calmer hierarchy for everyday money.
Audience
Mobile banking customers checking balances, moving money, and understanding recent spending.
Delivered scope
UX audit, information architecture, interaction hierarchy, interface system, and clickable concept prototype.
Defining constraint
Frequent actions must become easier to find without making a financial interface feel unfamiliar or unsafe.
Four high-frequency money actions are placed directly in the home hierarchy.
Balance, recent activity, actions, and budget context share one scan path.
Verified evidence · No conversion claim is invented: these are directly countable changes in the redesign concept.
Make complexity feel trustworthy.
Banking interfaces carry dense information and high-stakes actions. The redesign needed to feel familiar and trustworthy while making frequent tasks faster to find and easier to understand.
Protect clarity across the whole experience.
UX audit, information architecture, and visual redesign
03 / Trust principles
Choices that make money easier to read.
- 01
Elevated account balance and card context without overwhelming the first view.
- 02
Grouped frequent actions into a stable, reachable pattern.
- 03
Added useful budget context instead of another isolated dashboard.
- 04
Used motion and hierarchy to clarify state, not decorate transactions.
System architecture
A banking hierarchy built around confidence.
The redesign reduces search effort through placement and grouping; it does not claim untested percentage gains.
Recognise
QNB colour, account context, and familiar financial patterns preserve trust.
Act
Primary actions remain visible and reachable instead of being buried in navigation.
Understand
Recent activity and budget context explain what changed after the action.
04 / Clarity framework · SDLC
A redesign built like a financial statement.
Audit the friction
Reviewed the existing hierarchy through the lens of frequent, high-confidence banking tasks.
Reframe the home
Made balances, account context, recent activity, and fast actions work as one scan.
Systemize trust
Used consistent spacing, states, and QNB purple to feel familiar without preserving clutter.
Prototype decisions
Connected sign-in, home, budgeting, and navigation into a believable everyday flow.
05 / Account transformed
A calmer, more scannable banking concept that preserves brand recognition while reducing the effort required for everyday financial decisions.
Next validationA moderated usability test would establish the real click reduction and completion-time improvement versus the current app.FigmaUX AuditDesign SystemPrototypingAccessibility