1 home

Chase Credit Cards

Concepts, Wireframes, Prototype building, Usability testing | 2015-2016

Chase had almost twenty different credit cards but their customers – including myself – only knew about the three on the homepage. I was really surprised when I started this project and learned about the rest of them. 

Chase's goal was to show the world all their other great cards. There are even Disney and Star Wars cards! My goal was not only to generate awareness of a broader offering but to avoid overwhelming customers, enable them to quickly and easily find the best credit card for them, and most importantly apply for it. 

My role

For four months I led the UX for an entirely new site. I'm proud of the new site and it actually makes me proud to be a Chase customer! I advocated for and ultimately designed a card compare tool that actually works well on mobile, and a unique card details page on which the most important info is fixed so you can always see the card summary and apply button.

Throughout the project I designed wireframes, created prototypes, facilitated two rounds of user testing, supported designers, and worked with developers to complete the front-end protoype. The new Chase credit card marketplace launched on July 1st, 2016.

Some of my handiwork is showcased below:
1. Wireframes  |  2. Prototypes & User Testing  |  3. Final Product

For four months I designed wireframes, created prototypes, facilitated two rounds of user testing, supported the designers executing the wireframes, and worked with the developers to complete the front-end protoype. Four months later, the new Chase credit card marketplace launched (July 1st, 2016).

Learn more about each aspect of the project:
1. Wireframes
2. Prototypes & User Testing

3. Visual Design

For four months I designed wireframes, created prototypes, facilitated two rounds of user testing, supported the designers executing the wireframes, and worked with the developers to complete the front-end protoype. Four months later, the new Chase credit card marketplace launched (July 1st, 2016).

Learn more about each aspect of the project:
1. Wireframes
2. Prototypes & User Testing
3. Visual Design

The client
Chase bank logo
Chase is one of the largest banks in the United States, and the main bank in New York City.  

The team @ Huge Inc.
Amy Jacobs - Sr. UX Designer
John Wha - Creative Director
Greg Zulkie - Sr. UX Designer
Chloe Wong - Art Director

 

1/  Wireframes for Chase Credit Cards

Following quick paper sketches I created wireframes for all five parts of the site: the homepage, category page, card details page, compare page, and card finder tool.

Card Details Page

Wireframe: Card details page

 

Wireframe: Card details page

Card features page

Wireframe: Card features full-screen interactive module

 

Wireframe: Card features full-screen interactive module

Fard Finder Tool

Wireframe: Card Finder quiz and results

 

Wireframe: Card Finder quiz and results

 

 


2/ Prototypes for Chase Credit Cards
2/ Prototypes for Chase Credit Cards
2/ Prototypes for Chase Credit Cards

I created prototypes for two rounds of user testing, two days each, and watched every session. I actually love user testing - I find it incredibly fascinating to see what's intuitive or not to different people. In the first round, users didn't always notice or use the card compare feature. For the second round I changed the style and location of the compare button, then every participant found it! The designs and tests were a huge success, and it was really exciting to hear people ask, "is this card real? Can I apply for it?"

1 home
4 consumer card details

 


3/ Final Product for Chase Credit Cards
3/ Visual Design & Final Product for Chase Credit Cards
3/ Visual Design & Final Product for Chase Credit Cards

A month after the site launched I visited my local Chase bank and applied for a new credit card. The associate, Barbara, was thrilled that I designed the new credit card site. She said it's extremely easy to use and she tells all her clients to use it because it does a great job of educating users about the different cards, and makes it easy to compare a few. Hooray! Barbara also insisted I deserve a bonus for doing a good job...

Apply for Chase Credit Cards – Offers & Applications – Chase com
Chase Freedom Credit Card – Chase com
compare cards
amyleacoates@gmail.com

“Usability is not a quality that can be spread out to cover a poor design like a layer of peanut butter.”

— Clayton Lewis

© 2018  This website was designed and built with ♥ by Amy Lea Coates.