Application

IOS / Andriod

Capital

Bank

Client

Capital Bank

Service

Mobile Application

Industry

Fintech

Year

2024
Application

IOS / Andriod

Capital

Bank

Client

Capital Bank

Service

Mobile Application

Industry

Fintech

Year

2024

Revolutionizing Mobile Banking

A Personalized, Seamless Experience for Capital Bank

Capital Bank, a leading financial institution in Jordan, set out to redefine the mobile banking experience with a focus on personalization, accessibility, and innovation. The challenge involved creating a user-centric app that not only met functional needs but also engaged users on a deeper level.

A dynamic design system was developed from the ground up, incorporating customizable features like personalized dashboards and a unique ‘Light Mood/Dark Mood’ setting, based on the users preferences. An innovative three-level card navigation system was introduced to streamline the user journey, making it more intuitive and efficient. The result is a mobile application that sets a new benchmark for banking in the region.

Brand Identity

Design Systems

Fintech

Mobile Application

User Experience

User Interface

Digital Transformation

Personalisation

Accessibility Design

Interaction Design

Role

Creative Direction

Team Leads

Atif Arshad

Shadil Muhammed

Jida Arabi

Deliverables

Design System

High Fidelity Screens

Interactions & Flows

UX Case Studies

Intelligent Dashboard Personalization

The dashboard was intelligently personalized by prioritizing card management, with cards categorized by Debit, Credit, Loans, and Deposits for a streamlined overview.

Swippable actions were introduced for quick, seamless navigation, and users were given full control to customize card order, filter what’s displayed, and pin essential information, creating a truly tailored experience.

0%
0%

Increase in user engagement through personalized features and intuitive design

Increase in user engagement through personalized features and intuitive design

0%
0%

Of users engaged with the new
customization options within the first month

Of users engaged with the new
customization options within the

first month

0%
0%

Improved task completion rates through enhanced micro animations

Improved task completion rates through enhanced micro animations

Streamlined Onboarding

The onboarding process was simplified and optimized to create one of the fastest user flows in the industry.

Custom illustrations were integrated to make the experience interactive, allowing users to explore the bank's features as they progress. This streamlined approach ensures a smooth and engaging start, setting the tone for a user-friendly experience right from the beginning.

Streamlined Onboarding

The onboarding process was simplified and optimized to create one of the fastest user flows in the industry.

Custom illustrations were integrated to make the experience interactive, allowing users to explore the bank's features as they progress. This streamlined approach ensures a smooth and engaging start, setting the tone for a user-friendly experience right from the beginning.

Three-Level Card System

Three-Level Card System

To re-conceptualize the user’s navigation experience, a three-level card system was designed to minimize page loads and enhance exploration.

The goal was to create an intuitive app experience where users could interact with components on the homepage and seamlessly transition to their desired content without relying on the navigation bar. This system progressively reveals more detailed information based on user actions, allowing interaction without leaving the main page.

The goal was to create an intuitive app experience where users could interact with components on the homepage and seamlessly transition to their desired content without relying on the navigation bar. This system progressively reveals more detailed information based on user actions, allowing interaction without leaving the main page.

Menu Navigation

The menu was thoughtfully designed to be unobtrusive, floating at the bottom of the screen within easy reach of the user’s thumb.

This placement ensures quick and effortless access to essential functions. When clicked, the menu pulls out a customizable drawer of quick actions, allowing users to seamlessly access settings, profile, shortcuts, or navigate the application. This design prioritizes convenience and efficiency, enabling users to interact with the app without interrupting their experience.

This placement ensures quick and effortless access to essential functions. When clicked, the menu pulls out a customizable drawer of quick actions, allowing users to seamlessly access settings, profile, shortcuts, or navigate the application. This design prioritizes convenience and efficiency, enabling users to interact with the app without interrupting their experience.

Dynamic Design System

The Capital Bank mobile app was built on a dynamic design foundation that ensures longevity, scalability, and accessibility. A cohesive visual system was developed to maintain consistency across the platform while also offering a user-friendly and engaging experience.

0+
0+

Reusable Components

0%
0%

Accessibility Compliance

0%
0%

Enhanced Readability & Visual Clarity

Back to work

Copyright 2024

All Rights Reserved.

Back to work

Copyright 2024

All Rights Reserved.

Application

IOS / Andriod

Capital

Bank

Client

Capital Bank

Service

Mobile Application

Industry

Fintech

Year

2024

Revolutionizing Mobile Banking

A Personalized, Seamless Experience for Capital Bank

Capital Bank, a leading financial institution in Jordan, set out to redefine the mobile banking experience with a focus on personalization, accessibility, and innovation. The challenge involved creating a user-centric app that not only met functional needs but also engaged users on a deeper level.

A dynamic design system was developed from the ground up, incorporating customizable features like personalized dashboards and a unique ‘Light Mood/Dark Mood’ setting, based on the users preferences. An innovative three-level card navigation system was introduced to streamline the user journey, making it more intuitive and efficient. The result is a mobile application that sets a new benchmark for banking in the region.

Brand Identity

Design Systems

Fintech

Mobile Application

User Experience

User Interface

Digital Transformation

Personalisation

Accessibility Design

Interaction Design

Role

Creative Direction

Team Leads

Atif Arshad

Shadil Muhammed

Jida Arabi

Deliverables

Design System

High Fidelity Screens

Interactions & Flows

UX Case Studies

Intelligent Dashboard Personalization

The dashboard was intelligently personalized by prioritizing card management, with cards categorized by Debit, Credit, Loans, and Deposits for a streamlined overview.

Swippable actions were introduced for quick, seamless navigation, and users were given full control to customize card order, filter what’s displayed, and pin essential information, creating a truly tailored experience.

0%

Increase in user engagement through personalized features and intuitive design

0%

Of users engaged with the new
customization options within the first month

0%

Improved task completion rates through enhanced micro animations

Streamlined Onboarding

The onboarding process was simplified and optimized to create one of the fastest user flows in the industry.

Custom illustrations were integrated to make the experience interactive, allowing users to explore the bank's features as they progress. This streamlined approach ensures a smooth and engaging start, setting the tone for a user-friendly experience right from the beginning.

Three-Level Card System

To re-conceptualize the user’s navigation experience, a three-level card system was designed to minimize page loads and enhance exploration.

The goal was to create an intuitive app experience where users could interact with components on the homepage and seamlessly transition to their desired content without relying on the navigation bar. This system progressively reveals more detailed information based on user actions, allowing interaction without leaving the main page.

Menu Navigation

The menu was thoughtfully designed to be unobtrusive, floating at the bottom of the screen within easy reach of the user’s thumb.

This placement ensures quick and effortless access to essential functions. When clicked, the menu pulls out a customizable drawer of quick actions, allowing users to seamlessly access settings, profile, shortcuts, or navigate the application. This design prioritizes convenience and efficiency, enabling users to interact with the app without interrupting their experience.

Dynamic Design System

The Capital Bank mobile app was built on a dynamic design foundation that ensures longevity, scalability, and accessibility. A cohesive visual system was developed to maintain consistency across the platform while also offering a user-friendly and engaging experience.

0+

Reusable Components

0%

Accessibility Compliance

0%

Enhanced Readability & Visual Clarity

Back to work

Copyright 2024

All Rights Reserved.