Redefining filters to drive consistency and scale

Amid rapid growth and acquisitions, LMG’s platform faced inconsistent filter patterns and no clear design guidelines—slowing product teams. I led the redesign of the platform’s filtering, creating a unified pattern and component set to streamline implementation and drive adoption across key experiences.

Lack of clarity & guidelines

In the absence of a design system, teams created filters independently, leading to widespread inconsistency. Filter patterns regularly surfaced in design reviews, causing confusion, misalignment, and increased design and build times.

Assessing the filter landscape

I audited live and in-progress filter patterns, identifying six variations across the platform. User feedback and Canny posts highlighted issues such as high cognitive load, excessive clicks, and low adoption of newer React-based filters.

• 5 filter patterns in production

• 1 new pattern in design

• 9 designers

• 12+ product streams

Defining consistency without slowing teams

I collaborated early with engineering to define technical constraints and selected MUI as a shared foundation for faster rollout. Through design reviews, I engaged designers across streams to identify edge cases and align on a scalable, flexible approach.

At the component level, we focused on ensuring interactive chips clearly displayed active filters and allowed for intuitive adjustments. User feedback highlighted performance issues, specifically the lag caused by applying filters one at a time and the disruptive experience of moving in and out of the filter drawer. These insights informed refinements to both the interaction model and technical implementation.