jpm.jpg

Exploring how color is applied across JPMorgan Chase family of apps

JP Morgan Chase is a multinational investment bank and financial services company. The company was launching a new product, U.S. Wealth Management, targeted towards a younger yet still premium, and more female skewing market.

Initial branding work had been completed by an agency partner, but testing showed it was not resonating well. Digital designs also failed to meet accessibility requirements. As part of an internal team, we explored color values and usage across digital applications and specifically in data visualization.

Initial designs

Initial designs

While the proposed marketing designs from the agency partner looked nice, they were often inconsistent and the design patterns didn’t translate well to the secure (signed-in) product experience.

Chauncey_Fong_Salesforce_Presentation.094.jpeg
Mobile app frameworks

Mobile app frameworks

The existing mobile apps across JP Morgan and Chase brands we in the middle of being migrated to a single framework, with branding controlled by tokens.

range.jpg
Color studies

Color studies

Working from the existing core palette of browns, gray, blue, and purple, we considered varying tones to find the right mix of contemporary and luxe that would meet contrast requirements.

Chauncey_Fong_Salesforce_Presentation.097.jpeg
Chauncey_Fong_Salesforce_Presentation.098.jpeg
Chauncey_Fong_Salesforce_Presentation.099.jpeg
public-private.png
mobile-flow.png
Ambient gradient log in screen

Ambient gradient log in screen

A single user can have multiple JPMorgan Chase accounts. We wanted to provide a cohesive yet unique feel to the the family of mobile apps by using tonal, shifting gradients for the log in screen.

USWM_DataVizExplore_01282021[1]_Page_08.jpg
USWM_DataVizExplore_01282021[1]_Page_06.jpg
USWM_DataVizExplore_01282021[1]_Page_16.jpg
USWM_DataVizExplore_01282021[1]_Page_28.jpg
USWM_DataVizExplore_01282021[1]_Page_32.jpg
USWM_DataVizExplore_01282021[1]_Page_29.jpg
USWM_DataVizExplore_01282021[1]_Page_34.jpg
USWM_DataVizExplore_01282021[1]_Page_31.jpg
USWM_DataVizExplore_01282021[1]_Page_33.jpg
dataviz-ipad.png
mobile-flow-dataviz.png