## Introduction
Looking to be more agile, speed up development time, and promote brand consistency, a top 50 U.S. bank decided to construct an internal design library. Having design elements in one centralized location would develop a common visual language, improve design efficiency, and unite internal teams across multiple lines of business.

## Challenge
The primary challenge was the many siloed, internal teams with parallel design efforts to innovate. This was further complicated by each internal team having its own development team, third-party tech stack, and visual library.

![Bank-of-the-West-2-Case-Study-Box](//images.contentful.com/zqj370hybozc/7LAmxeqdMtCGejOHKxWvdF/353912998c987b69228dbc9c7b27b124/Bank-of-the-West-2-Case-Study-Box.png)

![Bank-of-the-West-2-Case-Study-Quote](//images.contentful.com/zqj370hybozc/46Ej5iLspvTqO1tStHBKg5/bf82c94d02a7dd0ab085224815460383/Bank-of-the-West-2-Case-Study-Quote.png)

## Approach
Levvel’s mission was to help create a core design library so the bank could promote brand consistency and communicate design needs across teams. The client switched the design system tool from Sketch to Figma, a collaborative interface design tool. Figma is a newer software, so internal teams were relying on Levvel’s expertise to onboard, train, and promote best practices.

__Levvel’s approach included:__

- __Design Software Strategy:__ Levvel helped lead an exercise on styles (buttons, typography, etc.) with stakeholders and the larger team to get a better understanding of establishing core design components in Figma.
- __Design Audit:__ Levvel team members helped complete a design audit to take stock of different components and repeated elements, including headers, footers, colors, buttons, and typography styles across the brand.
- __Design Implementation:__ After the audit was completed, the approved elements were created in Figma to create a core design file. That way, the separate, internal teams could pull from one core library and be consistent across all channels.

## Results
With the new design library in place, the top 50 U.S. bank’s designers could easily pull from the common design components to develop products and experiences. With a new, common visual language across teams, the client could:

![Bank-of-the-West-2-Case-Study-Results](//images.contentful.com/zqj370hybozc/1PK6JIia1HxtuSrFtcVEWS/444ee4211d5189f6df1f75ddb50064e9/Bank-of-the-West-2-Case-Study-Results.png)

## Download the PDF
You can access the PDF [here](https://cdn-new.levvel.io/resource-assets/Top+50+US+Bank+New+Design+Library+Case+Study.pdf "Top 50 U.S. Bank’s New Design Library Improves Operational Agility, Time-to-Market, and Brand Consistency").

Top 50 U.S. Bank’s New Design Library Improves Operational Agility, Time-to-Market, and Brand Consistency

This report serves as a modernization guide for financial institutions and covers the current state of technology transformations, the biggest opportunities for growth, and next steps toward modernization for FIs.

Our executive report, "Is Your Bank Ahead or Behind?" is here.

Levvel helps a top 50 U.S. bank construct an internal design library to increase agility, speed up development time, and promote brand consistency.

Top 50 U.S. Bank’s New Design Library Improves Operational Agility, Time-to-Market, and Brand Consistency

Our executive report, "Is Your Bank Ahead or Behind?" is here.

Top 50 U.S. Bank’s New Design Library Improves Operational Agility, Time-to-Market, and Brand Consistency

Read the Case Study