Zenith Mobile Banking represents a complete reimagining of digital financial services. Through extensive user research and iterative design, we created an intuitive platform that makes complex financial tasks feel effortless. The design system emphasizes clarity, trust, and accessibility while maintaining a premium aesthetic that reflects the brand's commitment to innovation.

UI/UX DesignMobile AppFintechDesign System

Role

Lead Product Designer

Client

Zenith Bank

Duration

6 months

Year

2024

Zenith Mobile Banking - Hero Image
Final design solution overview

The Challenge

Users struggled with complex video conferencing interfaces that hindered natural communication and collaboration.

Project Goals

  • Simplify the user interface for better usability
  • Improve video quality and connection stability
  • Enhance collaboration features
  • Create an accessible design for all users

Constraints

  • Limited development timeline of 3 months
  • Must work across all major browsers
  • Bandwidth optimization requirements
  • Accessibility compliance (WCAG 2.1)

Design Process

1
Discovery2 weeks

User Research & Analysis

Conducted user interviews and analyzed existing solutions to understand pain points and opportunities.

2
Definition1 week

Problem Definition & Strategy

Synthesized research findings into clear problem statements and design principles.

3
Design4 weeks

Ideation & Prototyping

Created wireframes, prototypes, and tested multiple design solutions with users.

4
Delivery2 weeks

Final Design & Handoff

Refined designs based on feedback and prepared comprehensive design system for development.

Research & Discovery

Key Insights

Cognitive Overload

Users felt overwhelmed by too many controls and options visible at once during video calls.

73% of users couldn't find basic features within 30 seconds

Quick Access to Core Features

Users needed immediate access to mute, camera, and screen sharing without hunting through menus.

Simplified Onboarding

New users struggled with initial setup, presenting an opportunity to streamline the first-time experience.

Competitive Feature Analysis

FeatureZoomTeamsGoogle Meet
Join Meeting Speed3-4 clicks4-5 clicks2-3 clicks1-2 clicks
Screen SharingComplex menuHidden in toolbarProminent buttonOne-click access
Mobile ExperienceLimited featuresFull featuredBasic featuresOptimized for mobile

The Solution

Key Features

  • One-click meeting join with smart link detection
  • Contextual control panel that appears on hover
  • Intelligent background blur and noise cancellation
  • Seamless screen sharing with annotation tools
  • Real-time collaboration whiteboard

Design Principles

  • Simplicity over feature complexity
  • Accessibility as a core requirement
  • Mobile-first responsive design
  • Performance optimization for low bandwidth

Design Evolution

Wireframes & User Flows

Zenith Mobile Banking - Wireframe 1
Wireframe iteration 1
Zenith Mobile Banking - Wireframe 2
Wireframe iteration 2

Final Designs

Zenith Mobile Banking - Final Design 1
Final design - Screen 1
Zenith Mobile Banking - Final Design 2
Final design - Screen 2

Results & Impact

Key Performance Indicators

94%
User Satisfaction
+23%
89%
Task Completion
+31%
45s
Setup Time
-67%
12/week
Support Tickets
-78%

Key Learnings

1

Progressive disclosure significantly reduced cognitive load for new users

2

Mobile-first design approach improved overall user experience across all devices

3

User testing early and often prevented major design pivots later in the process

4

Accessibility considerations enhanced usability for all users, not just those with disabilities