Chase story
8 years @ Chase Chicago / San Francisco / New York. My career at Chase spans numerous different projects, teams, and cities. I started as a motion graphics designer creating external / internal videos and graphic designs for Chase.com, conferences, and other various internal applications. Eventually, I crossed over into UI / UX / Product designer roles out of desire to create a collaborative effort between visual design, motion, development, and innovations teams to deliver a respectable modern and human approach to Chase's digital branding / ecosystem. Below are some key moments of that story.
Accomplishments: Chase digital ecosystem re-brand and launch of new various apps (Chase.com, Chase mobile app, Chase Pay, FINN, Freedom app), Motion / Design Language, Functionality (Conversation deck, Account Preview), Various Advertising, Classic Chase 2D / 3D Icons
Date: 2008 -2019
Location: Chicago - New York - San Francisco
Welcome to “The New Chase”
“So you can. A Simpler, more secure banking experience with you in mind”. The New Chase.com mobile and desktop, Chase Mobile app, Chase Pay, and Freedom app.
J P Morgan Chases brand refresh and new digital ecosystem (above). Now digital banking is more human, seamless, consistent across different platforms, and easier / quicker to navigate and complete tasks securely. The updated UI design has a friendly more legible font (Open Sans), livelier coloring, easy to digest layout (tile), modernized icons, and emotional imagery (geo-located images). Additionally, the UX design is more alive (motion), consistent (shared elements across transition), reduced in redundancies for simplification, quicker to navigate (quick access hiding menus), and more accessible (OOBE). Other additions in functionality include tutorials, Account Preview, and Conversation Deck. Its a dramatic change from what came before with Chase Classic (below)
Before: Chase Classic
Development of this project and its entirety is big. It took years, evolutions, teams, iterations, trail and error, testing and retesting, and so on, to complete. Its a bank, and an uphill battle pushing though new things with an old establishment that effects millions of people. Ultimately, my role and accomplishments revolve around visual / motion design, innovations in UX design and functionality to create a more user first experience. A key part of that is Chase’s first implementation of motion and the design solutions that come with it.
Role: Art direction / Product / UX / Motion / Conceptual design and Prototyper
Tools: After Effects / Illustrator
Date: 2009 - 2019
Motion design
A more motion first approach to User Experience design to create elegant, seamless, branded and human experiences.
What is motion? Why is motion important? When do I use motion? How do I use motion?
Creating a motion design language for an entire digital ecosystem containing countless UI elements, transitions, and interactions, for applications that have their own slightly unique branding, for different designers and developers on different teams to reference, while things are changing and moving as you are establishing guidelines is no easy task. Answering the above questions and creating a foundation can help to guide the language and designers.
My goal was to make things clear, seamless, and interesting for the user while maintaining a sense of security and the brands voice. I designed the motion language for micro and macro interaction, log-in, loaders, logos, icons, alerts, transitions, navigation, etc... Delivering detailed documentation with best practices, specifications, and visual examples to guide teams to think and design like a motion designer and storyteller.
Role: Art direction / Motion designer and Prototyper
Tools: After Effects / Illustrator / Bodymovin / Lottie / C4D
Date: 2009 - 2019
Hi Finn
Meet Finn by Chase! An all in one banking app for millennials that promotes financial responsibility -well, it was supposed to…
