PBK · Mikel Rosenthal ↓ Resume Design Systems · 06 of 06
TransUnion · Credit & Consumer Finance · 2018 – 2019 · Built from zero

TUCM
Design System

Building TransUnion's global design system from audit to adoption — responsive symbol libraries, a written guide, and the TrueCredit consumer rebrand that put the system to work.

Role Senior UX Designer, Design Systems — contract
Scope Audit · Grid & Symbols · System Guide · Marketing Library · TrueCredit Rebrand
Surfaces Customer-facing + internal applications · responsive web · mobile
Design Systems Audit Responsive Symbols System Guide Consumer Rebrand Financial UX
1st
Global design system for TransUnion's credit-view products
100%
Responsive symbol coverage — every component, every breakpoint
2
Systems delivered — TUCM product system + marketing library
+Brand
TrueCredit rebrand shipped on system foundations
01Audit First

Making the case

TUCM started the way every honest system does: with an audit. I mapped the existing credit-view experiences — every component, color, and pattern in production — into a single research artifact that made the fragmentation undeniable and gave the system its priorities.

Audit → argument → architecture. That's the pattern I've reused on every system since. The audit isn't just discovery; it's the business case before a single component exists.

The TrueCredit competitor and pattern audit — research that set the system's priorities.
FIG 01 The TrueCredit competitor & pattern audit — research that set the system's priorities.
The program in context — TransUnion's product design evolution, 2014–2018.
FIG 02 The program in context — TransUnion's product design evolution, 2014–2018.
02The System

Symbols · Guide · Foundations

The system itself: fully responsive symbol libraries (years before Figma variants, this was disciplined Sketch architecture), a written guide covering color, type, and library workflow, and foundations tuned for data-dense credit dashboards.

Financial UI is trust UI. Hierarchy and plain numbers decide whether someone believes their own credit score. Every decision was made with that stakes in mind.

Fully responsive symbols — one component, every breakpoint and state.
FIG 03 Fully responsive symbols — one component, every breakpoint and state.
The SCVD guide — Standard Credit View Dashboard system, v1.5.
FIG 04 The SCVD guide — Standard Credit View Dashboard system, v1.5.
Color library — main, highlight, and score tiers.
FIG 05 Color library — main, highlight, and score tiers.
Typographic style — scale and usage, documented for the team.
FIG 06 Typographic style — scale and usage, documented for the team.
Library files — shared symbols and color libraries.
FIG 07 Library files — shared symbols and color libraries, the workflow itself.
Getting started — adoption written for designers, not archivists.
FIG 08 Getting started — adoption written for designers, not archivists.
03TrueCredit

The system at work

The consumer proof: TrueCredit — a rebrand and product design pass on TransUnion's consumer credit experience, built on TUCM foundations. Credit scores, calculators, and walkthroughs designed to make intimidating financial data feel navigable.

Be a force for good — the re-brand across surfaces.
FIG 09 "Be a force for good" — the rebrand across surfaces.
TrueCredit — credit calculator and walkthrough, desktop and mobile.
FIG 10 TrueCredit — credit calculator and walkthrough, desktop and mobile.
TransUnion credit monitoring dashboard.
FIG 11 TrueCredit — dashboard and content system across devices.
TrueCredit — dashboard and content system across devices.
FIG 12 One system, every screen size — the responsive family.
04Outcome

2018 – 2019

1st
Global design system for TransUnion's credit-view products
100%
Responsive symbol coverage — every component, every breakpoint
2
Systems delivered — TUCM product system + marketing library
+Brand
TrueCredit rebrand shipped on system foundations

Design-to-code workflows got a shared vocabulary. The marketing library unified brand touchpoints. Credit data — some of the most anxiety-inducing content on the internet — got an interface language built for clarity.

TUCM is where I learned to make the audit itself persuasive. The pattern of audit → argument → architecture has carried into every system since. Financial UI is trust UI — hierarchy and plain numbers decide whether someone believes their own data.

Product imagery © TransUnion. Some details generalized per confidentiality.