Turned Chaos into Scalable System •  

System Thinking

A stealth and initially unsanctioned effort that converted one-off screens into a reusable, token-driven UI kit, letting engineering ship faster during the Angular-JS → Angular migration.

SCOPE Better’s B2B platform had grown without a scalable design foundation, UIs drifted, components duplicated, and handoffs dragged on. After rolling out a modular Figma + Storybook system paired with Design Ops practices, we reduced handoff time by 40%, tripled our reusable component count, halved feedback loops, and provided every team with a shared source of truth.

As the Lead Product Designer on this initiative, I audited 100+ screens to uncover fragmentation in tables, modals, and menus and mapped handoff pain points through stakeholder interviews. I architected a token-based design system in Figma, linked it to a living Storybook library, and introduced incremental rollouts on real product screens. Paired with clear documentation and regular cross-team workshops, this effort turbo-charged our agile cadence and anchored UI consistency across web, desktop, and mobile.

This initiative was beyond aesthetics, our system and streamlined processes drove velocity, alignment, and scalability. Laying the groundwork for future growth.