State Street Design System
State Street · IBM iX

A shared language
for 166 products

How do you unify an enterprise with no shared design foundation? Start with the people.

Role
Design Director
Client
State Street · IBM iX
Scope
Design System · Enterprise · Workshop Facilitation

In 2019, State Street had 166 products and no shared language.

Product teams were operating in silos. Every product looked and behaved differently. There was no shared foundation, no design principles, no common components. And nobody had really felt the full weight of that problem — until we mapped it.

The State Street Corporation is one of the largest and oldest financial institutions in the United States. The objective was twofold: create a cohesive experience across existing digital tools and establish guidelines for future experiences. I led the design team at IBM iX through every phase of that work.

166 products. Five universal experiences. One design system.

Workshop facilitation — IBM iX + State Street
Workshop facilitation — IBM iX + State Street
The Challenge

Consistency across 166 products

166+
Products to unify under one design system
5
Universal experiences defined
My Role

Design Director · IBM iX

Led the design team Designed five universal experiences Design system library and website Designed for an ecosystem of products Mentored the State Street UX team Design Thinking workshop facilitation Visual design and prototyping
Process

How we got there

01
Discovery
Research & stakeholder interviews
We initiated discovery by interviewing crucial internal stakeholders, current State Street product end-users, and clients. Our findings led us to identify My State Street as the initial flagship experience. We then created four personas to help the team empathize with our end users.
02
Definition
Participatory design sprints
We organized Design Thinking workshops to align all business stakeholders. We collaborated on vision statements as guiding principles and mapped out a future state scenario that gave our team a clear blueprint.
03
Design
Component library & system
We deconstructed flagship product experiences into design patterns and assembled them into a UI kit. We also created a companion design system website housing all pattern guidance, principles, and universal experiences.
Persona development
Persona development — four archetypes guiding the flagship experience
Workshop vision statements
Vision statements from the Design Thinking workshop
The Output

From process to product

The design system wasn't just documentation — it powered a complete ecosystem. Here's what it looked like in practice: design principles that unified the team, a flagship experience rebuilt from the ground up, and a suite of products transformed by the new system.

design.statestreet.com/principles
State Street Design Principles
Design principles — a shared foundation for all 166+ products
Flagship Experience

My State Street

My State Street was the north star product — the flagship experience that proved the design system worked at scale. We rebuilt it end-to-end, from the launch page to the data views, as a unified and cohesive experience.

mystreetstreet.statestreet.com
My State Street — Launch Page
My State Street — redesigned launch page
mystreetstreet.statestreet.com/pinboard
My State Street — Data View
My State Street — personalized data pinboard
Ecosystem in Action

The system at work

The true measure of a design system is how well it scales. Here's the system in action across two very different products — a legacy client portal rebuilt with the new language, and an Apple Watch integration extending the experience beyond the desktop.

myclient.statestreet.com
MyClient — Updated Product
MyClient — legacy portal redesigned using the new system
Apple Watch Integration
Apple Watch — extending the ecosystem to wearables
Outcomes

A system that changed how State Street thinks about design.

IBM iX developed a governance program that would help State Street evolve its design system. Product teams began practicing design thinking — focusing on user flows and use cases rather than requirements lists. Design shifted from being requirements-centered to user-centered.

5
Universal experiences defined across the ecosystem
1st
Dedicated UX team established at State Street
Products now building on a shared foundation
Lessons Learned

What I'd do differently

Identify the flagship experience early
Having a clear north-star product to design for first gave the team focus. We should have run a workshop with State Street product leaders at the very start to identify it sooner.
Clearly define research outcomes
Once a consensus of results is agreed to, limit the number of client interviews. State Street hired IBM to share expertise — we should have trusted that more early on.
Be selective about early-stage products
Adopting a discerning approach to which current-state products to incorporate in the early stages would have kept the scope focused and delivery faster.
Next project
A client portal nobody used
Back to all work
Let's work together

Expectations only move in one direction. Let's get ahead of them.