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 2017, 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
Day one. Paper because ideas had to stay disposable — easy to toss, move, or rework the moment someone had a better one. The design team worked fast through concepts. I was half-facilitator, half-designer: nurturing the room and jumping in on solutions when it helped.
The Challenge

Consistency at enterprise scale

  • Product teams operating in complete silos
  • Inconsistent design patterns across every product
  • No shared components or design language
  • Lots of manual and ad-hoc processes
  • Lack of user experience investment
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
Team & Scope

An engagement at enterprise scale.

6
Designers on the IBM iX team
40+
Developers on the State Street side
166
Products in scope for the design system
Process

Observe, Reflect, Make

Design Thinking isn't a process — it's a framework. Three modes the team worked from at every stage of the engagement, from the first workshop to the last product team we onboarded.

In practice these three didn't run in sequence. Observation kept happening once we were making, and what we made kept reshaping what we'd already reflected on.

Observe01

The engagement started with a week-long Design Thinking workshop I facilitated at our design studio in Cambridge. Multidisciplinary by design — State Street developers, business stakeholders, SMEs, and our IBM iX design team in the same room. The goal wasn't a deliverable. It was to get the people who knew the products into a room with the people who'd design the system, and not leave until everyone understood each other.

From the workshop we built four personas, including the developer who'd consume the system. We did empathy mapping. We followed up with research interviews to test the personas against reality. By the end, we'd identified My State Street — the firm's primary client portal — as the flagship the design system would be built around. Not because it was the easiest, but because if it worked there, it would work anywhere.

Reflect02

The team consolidated into a working group — devs, designers, SMEs — building two parallel tracks: a design language (typography, color, spacing, voice) and a component library (forms, navigation, help, icons). Out of that work emerged five universal experiences and a set of design principles that would govern decisions when product teams disagreed about a button.

What made this phase different was the SMEs. They weren't being interviewed anymore — they were in the trenches with us, whiteboarding, throwing post-its, becoming business partners in the work. The relationship was warm and the pushback was thoughtful: help us understand why this is better than what we have. We were taking something they'd lived with for years and modernizing it. Once they could see where it was going, they were on board — and because they'd challenged us along the way, the work was sharper for it. Watching that shift happen — the moment they stopped being the business partner and started being part of the team — is something I still think about.

Two floors of the studio ran in parallel. Upstairs, we were building. Downstairs, we were running Design Thinking workshops with other State Street groups — teaching the methodology to colleagues who'd never used it. Actual State Street users could walk upstairs and test what we were making. Constant playback reviews with stakeholders kept us grounded and honest. The reflection wasn't theoretical at any point. It was tested, challenged, and revised in real time.

And the design system was only part of what we were doing. We were teaching a 200-year-old institution how to use design thinking in its day-to-day work. The system was the artifact. The shift in how the company built software was the actual project.

Make03

Building meant translation. We worked closely with State Street's developers to make sure the design system was actually understood — that the language and components weren't just shipped, they were communicated. We also created Sketch templates so the internal designers could consume the system in their own tools. Many of those designers were people we were interviewing on State Street's behalf, hiring the team that would own the system after IBM iX left. Two architectures running together: code as the source of truth, Sketch as the layer the new team would design in.

Then adoption. I worked directly with the first few product teams to help them update their projects — lots of reviews, lots of questions, lots of close attention to whether they were applying the system in spirit and not just in pixels. They got it. Then they took what they'd learned and helped other teams. That's how adoption actually scaled at State Street — not a mandate from leadership, but a cascade of designers and devs teaching the next group. Some teams moved fast. Some took time. That's the honest answer about adoption at enterprise scale.

The work didn't end when the system shipped. I stayed through adoption, then moved on to onboarding new State Street projects for IBM iX — the relationship had deepened past a single engagement, and we became the team they came to for what came next. State Street was the last project I worked on at IBM before joining FM Global. It's still work I think about often.

A State Street business partner standing at a wall covered in mockups and whiteboards, presenting concepts to a group of colleagues
Playback session. One of our State Street business partners — not me — walking other State Street employees through the work. She'd worked alongside us long enough that she'd started to think like us. Here she's running the playback herself, showing her colleagues by doing. That's the moment a methodology stops being something you bring in and starts being something a company owns.
Persona development
Four personas from the workshop I facilitated — State Street SMEs and our design team built them together. The one pictured is the developer: the hardest user of a design system isn't the end user, it's the engineer who has to build with it.
Post-it notes on a wall, organized into components and guidelines buckets
Before a UI kit, post-its. Two buckets getting argued out on the wall: components (forms, nav, help, icons) and guidelines (when to use what, and how). Most teams ship the first and call it a design system. The second is what actually governs the work.
Sketchbook spread with references to Material Design and the British Government style guide, alongside sketches of State Street's tools and questions
Two modes on the same spread, 2017. Studying the field — Material Design, the British Government style guide — alongside sketching State Street's own realities: the tools their people actually used, and the questions their SMEs were asking. A design system isn't invented. It's the intersection of what other systems have already solved and what this specific client actually needs.
Sketchbook page with bulleted notes from a design review call, dated February 2017
Feedback call with the business owner, February 2017. Every design system that ships has a page like this somewhere — check spelling, reduce components, more narrative in the TO-BE. The glamorous work is the system. The work that makes it actually ship is the page after the call where you write down what the senior reviewer said and go fix it.
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 Principles

A foundation, not a style guide

Before any component, before any color token, we wrote the principles. Five convictions that every design decision had to answer to — published on an internal site teams could reference daily. When 166 product teams disagree about a button, you don't argue about the button. You point at the principle that resolves it.

design.statestreet.com/principles
State Street Design Principles
Design principles — the shared foundation every product team built from.
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.

Whiteboard with early wireframe sketches for My State Street, including 'THE HOUSE' label and a red-bordered MYSS panel showing find, decks, output, and docs sections
Whiteboard with conceptual flows showing My State Street as Launch, Dashboards (Create), and Access (Upload), paired with printed mid-fidelity mockups taped to the side
Whiteboard with the INTENT framework crystallized: Home/Launchpad/Go, Play/Workbench/Make, Output/Access/Look, with diagrams connecting MYSS to apps, decks, files, and inquiries
Three boards, in sequence. My State Street going from sketches and metaphors — "the house," "the launchpad" — to a working framework: Go, Make, Look. Conceptual flows worked out with our business partners, in the room, over weeks. The room itself was a living thing. We used every wall, ran out of wall space, kept moving things. The product on this page below is what these whiteboards eventually became.
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.

Train the consumers, not just the system.
I should have run a design thinking workshop with the POs and product teams who'd eventually consume the design system. Training them in the process — letting them have the AHA moment themselves — would have built faster adoption than handing them a finished system to learn. The lesson: a design system isn't just a deliverable, it's a practice you have to teach.
Saturation isn't a budget line.
We ran research with eight product teams and started hearing the same things back. We finished the planned interviews anyway — the budget said to. The diminishing returns weren't free; research at scale takes real time, and that's time we could have spent designing. The lesson: when the data plateaus, that's the signal to stop, not the budget.
Design systems land on moving trains.
Most product teams had their work scoped and in flight. The components we built were ready — but only the teams whose tech stacks already supported the new system could use them. Others would have needed full platform upgrades just to consume what we'd shipped. The lesson: a design system isn't just a design problem. It's an infrastructure problem, and you have to know what teams can actually adopt before you decide what to build.
Let's work together

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