Dream Design System — Mirreille Pelak
Mirreille logo
Back to Home

DECEMBER 2024 – PRESENT

Building Dream, a shared design language

Co-founded a design system from scratch with 4 designers and 5 developers at UWM — grew from 50 to 85 components across 56 active projects, with 55% adoption today.

Dream Design System components applied across UWM's tools

ROLE

Designer

YEAR

3 years, ongoing

TYPE

Professional

COLLABORATORS

Designers, Developers, Architecture, Business Analyst

i. The Problem

Before Dream, UWM's products suffered from inconsistent UI, slow design-to-dev hand off, duplicated engineering work, and no accessibility standard. We first raised the idea of a real design system back in September 2023, and it took nearly a year of building the case before Dream became an officially backed team in August 2024.

Dream 1.0 was essentially MUI re-skinned with our brand colors due to leadership opting to buy an open-source system instead of building our own, to save time and effort. However, it didn't work in solving the issue. A re-skin doesn't fix architecture, governance, or accessibility. That failed attempt became our evidence — during the year it took to get backing, we could point to Dream 1.0 as a live example of why a surface-level fix wasn't enough.

Screenshot of inconsistent button styles used across UWM products before Dream

ii. The Process

None of us had built a design system before, so we leaned on research to inform how each component was built, documented, and used. Once research concluded, the component would then be designed in Figma and handed off to development for implementation. Throughout the process, designers and developers were always collaborating and communicating with each other. Designers would look at visual outputs from development, and developers would review Figma for property and layout specs.

Governance ran on majority vote rather than one person calling the shots, making sure everyone was aligned and everyone's voice was heard. Even with that structure in place, we knew we couldn't anticipate every use case ourselves, so we built a contribute and commit model, letting any designer or developer propose changes so the system evolved with real feedback rather than our assumptions.

Structure and use-type diagrams for Dream's pagination component

We reviewed existing UI across products, studied 20+ public design systems (favoring fintech/business categories), and defined what designers could adjust (text, icons, "stylistic") vs. what stayed fixed (colors, radii, sizing, "structural"), comparing each against UWM's specific needs.

Designers and developers researched a component or architecture question, then brought findings back for open group discussion before a majority-vote decision. I standardized this research process and personally drove a large share of it.

My contributions:

I standardized the team's research process, designed several components, launched a 1-year satisfaction survey, ran observability sessions, reviewed and consulted on designs that the design team requested, and hosted training sessions.

iii. The Results

UI Library

A component library in Figma + Storybook, full component documentation on guidelines and patterns, shared design tokens, and two themes.

Dream Design System Button props table in Storybook Dream Design System Button component documentation in Figma

Adoption & scale

Since launching with 50 components, Dream has grown to 85 components across 56 active projects, with 55% adoption today. Greenfield projects are largely required to use Dream; legacy systems are migrating over gradually. The system has shipped 4 major releases to date.

Community engagement

The contribute & commit model has driven 179 pieces of consumer feedback implemented (tracked via Airtable), turning outside input into real system changes rather than requests that go unanswered. Separately, the team has conducted 21 design consultations — an offered service where designers can check their work against Dream standards, though not yet an embedded step in project workflows, as the UX team is still refining how review gets built into the process.

One-year benchmark survey

Around Dream's one-year mark, I surveyed designers and developers to benchmark satisfaction and surface gaps. Designers were 100% satisfied or somewhat satisfied; developers were 83%. Top praise: team support and documentation. Top pain point: more flexibility to match mockups one-to-one.

Designers (n=11 of 20)

64% 36%
  • Satisfied
  • Somewhat Satisfied

Developers (n=19 of 59)

64% 12% 24% 6%
  • Satisfied
  • Somewhat Satisfied
  • Neutral
  • Somewhat Dissatisfied

Designers: 64% satisfied, 36% somewhat satisfied (11 of 20 surveyed responded). Developers: 59% satisfied, 24% somewhat satisfied, 6% neutral, 12% somewhat dissatisfied (19 of 59 surveyed responded).

That same flexibility gap showed up independently in observability sessions, where designers repeatedly detached complex components likes data grid, for example, from its Figma instance — confirming the pattern was real, not a one-off issue.

iv. What's next

Auditing every component for flexibility, building an MCP server so AI-generated work stays on-standard, migrating legacy systems, and rearchitecting the system to be more agentic friendly.

With AI increasingly used to generate mockups and code, we built an MCP server holding all of Dream's guidelines and components. This required reworking our documentation to be AI-friendly and testing it directly with AI to surface gaps where it made mistakes or filled in ambiguous guidance on its own.

v. Reflection

The hardest part was the uncertainty — none of us had done this before, and not everyone welcomed an enforced standard. But working on Dream taught me to think beyond, since a design system is itself an experience after all. That shift made me a more confident, systems-minded designer.

I would have liked more time in building the system, since its first launch rode on the back of a major project, taking the opportunity to prove the system's value. This did cause some quick decisions and compromises to deliver on time, but it was still the system's best opportunity to prove itself.

View more work

Loan batch delivery tool preview

Loan batch delivery tool

Let's connect

Download Resume Linkedin

© 2026 Mirreille Pelak, Detroit Area, Michigan

mirreille.pelak@gmail.com