PropertyGuru Design System
Healing a broken design system
Year
2025
Scope
Product Design • Research • Design System
The design system existed but designers quietly worked around it. Components didn't follow best practices, usage guidelines were missing, and there was a culture of fear around non-compliance.
I ran survey to diagnose the real issues, expanded the component library with clear decision trees, and introduced a transparent collaborative process before anything went to development.
What did we achieve?
No. of products supported
4 products
Consumer, Agent Portal, Finance and SendHelper
Adoption Rate
74%
Sampled on 8 PRs
Preview
The situation
When I joined PropertyGuru, I could see the problems before anyone told me about them. The design system had the right infrastructure with primitives, design tokens and components. However, the components themselves didn't follow the accessibility and usability principles. Designers weren't using them. Instead, they were creating custom components that used the same tokens and primitives, They worked around the system almost entirely while technically staying within it.

Casual conversations with designers told me why. Designers who had been with the company for a long time, who had voiced concerns about the system, had been managed out. The culture of fear wasn't stated, it was demonstrated.

I had no stake in defending what existed and that neutrality was a tool and I used it deliberately.
Survey

Rather than arriving with a diagnosis, I ran an anonymous survey across all 15 designer.

The survey served three purposes:

To signal that the process was changing and their input would shape on what is to come.

To understand where the real gaps were between what the system offered, and what designers actually needed.

To gather data I could bring to management that framed the problem as a systemic one and not the failure of the designers who built it.

The numbers were unambiguous

All 15 designers responded. The results gave me something more useful than a list of problems. They gave me a mandate.

Helps me work more efficiently
Meets their project requirements
Confidence using the system

The open text responses were more specific. Tabs styled like segmented controls, a tertiary button in light red that read as an error state, chips indistinguishable from buttons with no differentiation between single and multi-select. Designers weren't avoiding the system out of preference. Using it correctly meant compromising the work.

How might we make designers, who've learned that speaking up is risky, feel safe to shape the system so that they can use it with confidence?
Collaborative and transparent process

We introduced async check-ins with design teams before anything went to a development . Designers could try new components in their work and give feedback before anything was locked. The pipeline became transparent. Designers knew what was in design, what was in development, what was published. The process change mattered as much as the components themselves.

That shift from a system imposed on designers to one built with them is what I'd point to as the real work. The components and documentations were the output. The collaboration structure was the fix.

Some examples of design & documentation
Expanded Component Family
Radio buttons and checkboxes were the extent of what the system offered. For a platform serving property listings, agent tools, financial products and on-demand home cleaning services, that wasn't enough.

We expanded the family to include switches, chips, and selection tiles. Each with documented behaviour and accessibility rationale.
Decision Tree
Rather than leaving designers to interpret usage guidelines, it turns the choice into a series of yes/no questions. Single or multiple selection, more or fewer than five options, screen real estate constraints. The right component surfaces itself.
Usage and Guidance
Knowing what a component looks like is not the same as knowing when to use one, or when not to. Example below is a switch component and the label guidance. We go further by specifying that "Notifications" is right and "Enable Notifications" is wrong, and explaining the why.

Rationale is what makes documentation something designers actually trust and refer back to, rather than something they skim once and ignore.
Results
No. of products supported
4 products
Consumer, Agent Portal, Finance and SendHelper
Adoption Rate
74%
Sampled on 8 PRs
Gallery
Tabs
Menu
Selection Tiles
Bottom Sheet
About Me

I sailed on an oil tanker at 19, became a cook and somehow ended up as a product designer. The through-line, if there is one, is that I've always been more interested in how things actually work than how they look like they work.

I build things with my hands when I'm not designing. It's taught me that good craft isn't about the visible surface, it's about the decisions underneath it that nobody ever sees but everyone feels.

I bring the same thinking to interfaces. Designs that are intentional, patterns that don't need to be relearned and conversations between people and machines that feel like they were thought through rather bolted on together.

WORK EXPERIENCE
UR
Aug 2025 - Present
Product Design Lead
PropertyGuru
Aug 2024 - Jun 2025
Sr Product Designer
Arrow (YC21)
Apr 2022 - Aug 2024
Product Design Lead