Amanda Kuang
UX designer

CIBC Credit Cards

A better way to find your
CIBC credit card.

Image alt tag

This project is an unsolicited redesign that aims to improve the user experience of the credit card application process on the CIBC mobile app.

CHALLENGE

Credit Card Application
The credit card application process on the CIBC mobile app, due to its low perceivability and affordances, makes it very difficult for users to learn about the products and decide which card to apply to.

MY ROLE

UI/UX Designer
I was responsible for user research, competitive analysis, persona, user journey, wireframing, prototyping, content strategy, and usability testing.

CONTEXT

JAN - FEB 2021
This 4-week side project was created by a group of 4 people. Design tools such as Adobe XD, Adobe Photoshop, and Adobe Illustrator were used to create this project.

THE PROCESS

USER RESEARCH

DISCOVER THE PROBLEM

A practical problem arises in CIBC’s banking app with young individuals who are interested in obtaining their first credit card. Since this particular group is new to having a credit card, they likely have very little knowledge about how credit cards work and how to apply for credit cards.

Survey results from 26 people (18-23 years old) show that 34.6% of people reported that one major problem of obtaining their first credit card was that they had no idea where to start, while 30.8% of people also reported the process being too complicated.

A Breakdown of Users' Decision-Making
Process on Current CIBC App

CIBC Credit Cards

Input Stage

The input stage refers to the stage of encoding the information presented on the banking platform. One input problem of the CIBC mobile app is that the information lacks visual hierarchies.

According to user feedback, there are hardly any visual hierarchies on the CIBC mobile app that aid the direction of visual attention. As a result, the lack of information prioritization can cause troubles for users in locating a specific element, extracting relevant content, etc. These problems will subsequently lead to confusion in decision-making.

CIBC Credit Cards

Process Stage

The process stage refers to the stage of dealing with the given information. One of the problems in the process stage is information overload.

Results from our online survey and usability testing show that users typically spend less than 10 seconds reading the card summary, however, the content on the CIBC mobile app takes more than 3 minutes to read through. Combined with the use of jargon, the overwhelmingly long and complex text may result in information overload, which occurs when the level of information exceeds the decision-maker’s information processing capacity.

CIBC Credit Cards

Output Stage

The output stage refers to the stage of carrying out the action during the interaction with the banking platform. The goal of the CIBC mobile app is to promote the output, that is, the action of proceeding with the card application. However, the cost-reward relationship, a crucial metric in decision-making, is not well balanced.

On the CIBC mobile app, the potential benefits of getting a credit card are not well emphasized, while the costs (i.e., investment of time and cognitive resources) of proceeding with the card application are exaggerated by the inappropriate layouts and counterintuitive interactions.  

TARGET AUDIENCE & PERSONA

Based on the previous findings, we’ve decided to target people who: 

  • are young adults between the age of 18 – 25,

  • are applying for credit cards for the first time on the mobile app,

  • have very limited financial literacy.

CIBC Credit Cards

USER JOURNEY

CIBC Credit Cards

PROBLEM FRAMING

AFFINITY DIAGRAM

CIBC Credit Cards

IDEATION

LOW-FIDELITY PROTOTYPE

CIBC Credit Cards

REDESIGN

HIGH-FIDELITY PROTOTYPE

CIBC Credit Cards
CIBC Credit Cards
CIBC Credit Cards

USABILITY TESTING

MEASURING THE PERFORMANCE

To understand the efficacy and impact of our intervention, we designed a usability testing session that measures and compares users’ decision-making processes with the original CIBC mobile app and the new prototype we built. During the usability testing session, 20 participants (male & female, 18 - 25 years old) were divided into 2 groups and performed tasks on the original CIBC mobile app and the new prototype, respectively.

Our new prototype helps users to achieve:

46%
Decrease in
Reaction Time
20%
Increase in
Success Rate
24%
Decrease in
Perceived Difficulty
27.5%
Increase in
Perceived Control