Capital One Commercial Bank Mobile Design System

Capital One . 2018

Project background

For a long time, there weren’t any shared design language for Capital One Commercial Bank’s mobile applications. In fact, the existing apps had distinctly different look and feels. In 2018, with upcoming major updates and rebranding of Commercial banking services, leadership felt it was the right time to bring visual consistency to all applications. I worked with the Design System team (once only web focused) to establish the baseline of mobile design system.

Timeline

Feb 2018 - Aug 2018

I worked with

I mainly worked with 3 Commercial Banking mobile designers and the Design Lead of the Design System team. There were frequent ad hoc collaboration with mobile developers (iOS and Android) as well as leadership of the Design System team.

My role

• Create the baseline mobile design elements and components
• Led weekly mobile designer discussions to further expand the design system
• Weekly collaboration with Design System team weekly
• Supported a mobile app team to help them re-skin the application with the new look and feel

Design process

To learn more about the design process and collaboration with various stakeholders to enable this project, please reach out to me.

Old

Examples of 2 Commercial mobile apps before establishing a design system.

Old versions of mobile apps

New

‍What the apps look like with consistent visual language.

New versions of mobile apps with design system applied
Next project →
Adobe . 2020
Strategy / Growth tests