The design system of real estate
My contribution to the project was to:
- design, plan, build, release, announce, test, map dependencies, for new components, patterns, and best practices across Web, iOS & Android,
- standardize team methodology across designers,
- write content for, publish, and evangelize a Design System Documentation website,
- conduct user research sessions with Design System consumers to learn about areas of opportunity,
- onboard designers, engineers, and Product Managers to the Compass Design System,
- mentor mobile designers on best practices during high-stakes Mobility Reviews with leadership.
To date, the Compass Design System contains:
- a Figma library of shared components, icons, UX patterns, and styles,
- > 57 components written in React
and CSS,
- a 188-page website of documenting all components, best practices, code samples, and APIs for all tokens, atoms, components and patterns
- product content guidelines for writing for the Compass platform,
At the time of writing, the Compass Design System is in active use at Compass by
all web front-end, iOS, and Android teams.
It powers
600 engineers,
85 designers, and
$254M of real estate transactions yearly.
Company: Compass Real Estate
Team: Corey Greeneltch,
Jane Park, Hiram Moncivais,
Lucas Reis, Keri Martin,
Trevor Burnham,
Michael Haggerty-Villa,
Kingsley Ehiogu,
Kayoung Lee,
Bill Heberer,
Zachary Plata
Role: Staff Product Designer & Front-End Developer
Timeline: 2021-2022
Status: in active use