A mobile app feature for Chase Mobile Banking.

I-phone+background.jpg

ROLE

Strategy, Research, UX Design, UI Design, UX Copywriting

MENTOR

Courtney Leonard

PROJECT SCOPE

5 weeks

TOOLS

Pencil and paper, Sketch, Adobe Illustrator, InVision

This was a passion project and was not contracted by J. P. Morgan Chase.



Project Background

Chase, owned by JP Morgan, has the mission to empower customers’ lives by creating engaged, lifelong relationships.

They have put a lot of effort in the past on providing the most relevant products for their customers, but now they want to go beyond and not just provide these products, but also tools to help them manage money better.

To start with, they want to focus on their mobile app. The latest studies show a continual increase of mobile usage for banking, which is significantly above desktop usage. Younger generations, such as Millennials, expect to be able to do everything on-the-go. 1 in 3 Millennials are open to switching banks within the next 90 days, stating that they just don’t see any differences between banks. They are so disassociated with the traditional banking system that most of them believe that innovation will come from outside the industry. Furthermore, 73% would be more interested in new financial services from Google, Apple, Amazon, PayPal, or Square than from their own nationwide bank.

According to the Consumer Federation of America, 71% of American households are involved in very light financial planning, such as basic budgeting and saving goals. The average debt of a household is $16,000 for those without a mortgage, and $132,500 for those with. Another sobering fact is the average credit score for Millennials is below 621 whereas the average credit score for those 50 and older is considered fair or higher.

Taking all of this into account, Chase sees an opportunity to make a difference, and help Millennials with their financial challenges. The typical personal finance management features include saving goals, budgets, calculators, and expense tracking.


Project Goals

  • Design a new personal finance management feature that embeds within the current Chase app

  • Create solutions to assist users to saving and budget


Design Process

Design process diagram.png

Research

1 on 1 Interviews

Surveys

Competitive Analysis

Define

User Personas

Sitemap

User Flows

Design

Hi-Fidelity Wireframes

Responsive Design

UI Design

Test

Hi-fidelity Prototype

Usability Testing

Research

Competitive Analysis

I performed a competitive analysis, looking at features offered by other mobile banking applications as well as indirect competing applications providing money managements services like budgeting, transferring funds, and saving. I also did in person interviews and surveys to find empathy with the user and understand their approach to their personal finances and needs in a banking application.

 

Surveys

I conducted surveys to find out what tools people are using to manage their money, how much time they spent on their personal finances, and what their goals are, both for saving and knowledge.

Surveys were conducted online amongst ten female and male millennial users. They were asked to answer ten survey questions regarding their spending and saving habits, and financial goals.

Empathy Interviews

Empathy interviews revealed that users are looking to rebuild their savings for future job flexibility, pay off loans, save for travel, and to invest for retirement.

They are motivated to be more conscious of their spending by traveling, freedom, paying off loans, having a financial buffer, and seeing others with money problems or having monetary successes.

Interview participants noted they feel either stressed or empowered, slightly nervous and excited, and experience anxiety as if they never have enough money when they consider budgeting.

When asked what they would like to see in a financial app, they remarked that they would benefit from a tool to help them allocate a specific percentage of their income to different expenses, and a daily “snapshot” or briefing of their accounts and spending.

 

Define

User Personas

Research defined the Marie and Ryan personas, key hypothetical users of the Chase Mobile application. Both Marie and Ryan represent millennial users looking to gain confidence in their finances, but with varying goals, motivations, and backgrounds.

Sitemap

This sitemap defines the already existing architecture of the Chase mobile application with the additional pages of the new features I designed, and their place in the current framework of the system.



 

User Flows

User flows articulate step by step process the user would take to complete the actions of creating a new Savings Goal, and new Budget Goal, both key additional features.


 

Design

By creating mid fidelity wireframes, I articulated a layout for the money management features. The layout and user flows of the app were guided by my research, and existing user flows and design in the current Chase app. I made some small adjustments to the current layout of the Chase app, with suggestions from my mentor to improve the information hierarchy, and highlight things users care most about seeing.

UI Design

UI Kit.png
 

UI Kit

This UI Kit defines all of the visual elements of the application so these elements can be carried through the website and application to maintain consistency with any future additions or alterations.

Applied UI

While maintaining Chase branding, I applied UI elements to the design.

 

Test

With this prototype, I tested the added features to the Chase Mobile application. Users were able to complete the task flows to create a new budget category, add expenses to that budget, and create a new savings goal and contribute to it manually.

moving forward

From feedback offered during usability testing, additional features could be added to this application to link GPS to the application to help users maintain their budget with notifications of their budget status when entering store locations. I also think more interactive features to help users stay motivated to reach their savings goals would be a valuable way to improve this product.

 

See more of my mobile designs