U.S. Bank

Transforming U.S. Bank's Business Banking Digital Presence

Reshaping how business banking customers discover products, build trust, and connect with the brand online.

UX/UI DesignCreative DirectionComponent Design

Business banking customers had the intent to bank with U.S. Bank but the site wasn't giving them a reason to stay or commit. We set out to design an experience that made it easier for customers to understand what the bank offered, feel confident in choosing it, and know exactly how to take their next steps.

Project Details

  • Led creative concepts and moodboard direction
  • Drove future state definition through creative exploration
  • Designed 11 page templates, 34 components, and redesigned navigation pattern
  • Partnered with client production teams to execute 86 pages in AEM
  • Figma
  • Miro
  • Adobe Analytics
  • AEM (Adobe Experience Manager)

Phase 01

Discovery

The UX research team led discovery through heuristic evaluation, generative research, archetype development, and existing segmentation review. Their output defined where the experience was falling short and gave me and my team a clear brief.

Creative Competitive Analysis

We ran a creative competitive pass focused specifically on how financial brands were using visual language, hierarchy, and content strategy to communicate trust and modernity simultaneously. The goal was to identify where the category was playing it safe and where there was room to push the brand forward.

Creative competitive analysis.

Creative competitive analysis.

Creative Moodboards

U.S. Bank had an established design system and visual identity. Business Banking needed to feel more elevated and distinct without breaking from the brand entirely. I developed moodboard directions as a spectrum from least to most expressive, giving stakeholders a concrete way to align on how far to push.

A blend of elements from each concept resonated with stakeholders, bringing together the familiarity of the existing brand with the sharper visual edge that made Business Banking feel distinct.

Scroll moodboard concepts
Moodboard concept 1: Finding an edge and emphasizing on the visual elements that make U.S. Bank distinct while staying close to the current look and feel.

Moodboard concept 1: Finding an edge and emphasizing on the visual elements that make U.S. Bank distinct while staying close to the current look and feel.

Phase 02

Design

Designing to Four Experience Principles

To ensure alignment across a large cross-functional team, all design decisions were anchored to four experience principles established during discovery. Each one shaped how we prioritized, evaluated, and pushed back on design decisions throughout the project.

Spark the desire to engage through content and design that connects ambition to action.

Build confidence through expert opinion, social proof, and familiar banking experiences that feel as steady as a hometown branch.

Personal attention, human-first, and custom solutions. Business banking customers aren't one size.

Support customers across offline and online modes with a seamless transition between the two.

Homepage Design

The homepage was the first opportunity to give customers a reason to stay. I designed it to clearly communicate what the bank offered, surface the credibility signals customers needed to feel confident, and make it easy to take a next step whether that was exploring a product, reading a comparison, or reaching out to someone directly.

Scroll homepage design
Business Banking homepage redesigned.

Business Banking homepage redesigned.

Component Design

I led the design team to design 34 components. The existing design system served as the foundation, but we had the liberty to push and evolve the brand in alignment with the moodboard direction the client selected.

The components highlighted relatable moments that connected with potential customers, supported users in discovering products relevant to them, and reinforced the brand in a way that felt genuinely trustworthy.

New components that support users in their journey from accolades banners, industry selector, pre-requisite product overview, to a product recommender.

New components that support users in their journey from accolades banners, industry selector, pre-requisite product overview, to a product recommender.

Page Templates

I led the team to design 11 page templates covering the full range of business banking page types, providing direction and feedback throughout. Archetype journeys and user research guided hierarchy, content zones, and component placement across each template.

From there, the production team applied content across all 11 templates to deliver 86 pages in AEM. I reviewed their work throughout to ensure design consistency with the templates and provided feedback and solutions where needed.

Scroll desktop template design
Industry page template built from carefully placed components to ensure every element serves a purpose.

Industry page template built from carefully placed components to ensure every element serves a purpose.

Scroll tablet template design
Bundled product page template.

Bundled product page template.

Scroll mobile template design
Banking account page template.

Banking account page template.

Revising Business Banking Information Architecture

We optimized the navigation pattern to make it easier for customers to find the right offering. The redesign also accounted for future promotional opportunities within the nav, giving teams a defined space to surface timely offers without disrupting the core structure. The sub-navigation approach we established for business banking was later adopted by other verticals at U.S. Bank.

Legacy navigation design pattern.

Redesigned navigation pattern introducing a sub-navigation, clearer hierarchy, and opportunities for promotions.

Redesigned navigation pattern introducing a sub-navigation, clearer hierarchy, and opportunities for promotions.

Results

Outcomes

Leading the template and component design thread of the project, we were able to execute a total of 86 page designs in AEM, applying the templates and components across the full business banking site.

The sub-navigation pattern we established for Business Banking was adopted across every vertical on the U.S. Bank website. What started as a solution for one product line became the standard for the organization's digital presence, proving Business Banking's role as an internal leader in raising the bar for the brand.

The project was delivered on schedule with fully annotated components and a complete component library handed off to the client. Working closely with U.S. Bank's in-house art director and their governing body for component enhancements, our team became deeply embedded in the client organization as partners in maintaining and evolving the design system beyond the initial engagement.

Next Project

Perry Homes: A Modern Digital Home Buying Journey

View Project