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

Case Study

November 12, 2021

TABLE OF CONTENTS

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.

arrow-right

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

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.

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

Bank-of-the-West-2-Case-Study-Quote

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

Download the PDF

You can access the PDF here.

Authored By

Levvel

Levvel

Meet our Experts

Levvel

Levvel

You’re going to use technology to change the world. We’re going to help you create it. Whether you are reinventing your company, creating an industry-changing product, or making existing products even better with new technologies—we exist to make your endeavor a success story. Our team is made up of leaders, thinkers, designers, and builders whose collective experience spans many industries and companies of all sizes. We’re avid fans of technology but even bigger fans of solving business problems. An understanding of the difference between an idea and a solution is just one of the things that set us apart.

Let's chat.

You're doing big things, and big things come with big challenges. We're here to help.

Read the Case Study

By clicking the button below you agree to our Terms of Service and Privacy Policy.

levvel mark white

Let's improve the world together.

levvel-mark-mint

© Levvel 2021