NextGen Experience &
Design System
NextGen Experience &
Design System
NextGen Experience
& Design System
Product Strategy
Leadership
Design Systems
Omnichannel Experience
Enterprise UX
Operations
B2B SaaS




Highlights & Outcomes
Highlights & Outcomes
84%
Increase in
Template Adoption
74%
Reduction in Figma
Library Complexity
44.7%
Reduction in Library
Detachment Rate
Usability Improvements
%
Improvement in SUS Score for Workforce Planning product.
Cross-Platform Consistency
Cross-Platform Consistency
Unified design patterns across Procore’s fragmented tech stack, creating a consistent experience across both web and mobile.
Increased Adoption
Increased Adoption
Rebuilt trust in the design system by closing component gaps, aligning Figma and code, and introducing clear contribution and governance models.
Efficiency Gains
Efficiency Gains
Enabled teams to modernize the Figma library and workflows, resulting in significant throughput improvements and faster delivery cycles.
The Business Challenge
The Business Challenge


Barriers to Org-Wide Adoption:
Barriers to
Org-Wide Adoption:






Project Overview
The NextGen Experience was created to unify Procore’s product line across web and mobile, rebuilding trust in the design system while elevating usability across the platform. Our aim was to transform fragmented products into a cohesive, modern experience that clients could rely on, while creating the operational backbone designers and engineers needed to move faster with confidence. Although Procore had invested in a design system, adoption across the organization was low and trust in the system had eroded. A company-wide survey revealed critical issues: missing components, incomplete documentation, an out-of-sync Figma library, no clear contribution process, and accessibility and usability gaps that undermined confidence. Instead of driving consistency, the design system had become a scapegoat for poor usability scores. This internal frustration was mirrored externally. Clients had begun voicing concerns about product quality and performance, directly impacting sales and driving customer churn at unprecedented levels. It was clear that the status quo was unsustainable: we needed to deliver a unified, consumer-grade product experience — and do it quickly.
My Role
I was brought in to lead the tactical execution and program management of the NextGen Experience initiative — transforming vision into momentum. My role spanned strategy, operations, and design leadership: Program Leadership: Translated the head of Design Strategy’s vision into a clear, actionable program plan with milestones, governance, and accountability across divisions. Design System Evolution: Drove efforts to close major gaps in the design system by aligning Figma and code, improving accessibility, and establishing contribution models designers and engineers could trust. Cross-Functional Alignment: Partnered with Product, Engineering, and Design leadership to unify Procore’s fragmented tech stack and ensure the new system scaled across web and mobile platforms. Operational Rigor: Established repeatable processes that increased efficiency, reduced rework, and built trust in the design system as a reliable foundation. Team Enablement: Created space for design teams to modernize libraries, adopt new Figma capabilities, and streamline workflows that boosted throughput and consistency.
Project Overview
The NextGen Experience was created to unify Procore’s product line across web and mobile, rebuilding trust in the design system while elevating usability across the platform. Our aim was to transform fragmented products into a cohesive, modern experience that clients could rely on, while creating the operational backbone designers and engineers needed to move faster with confidence. Although Procore had invested in a design system, adoption across the organization was low and trust in the system had eroded. A company-wide survey revealed critical issues: missing components, incomplete documentation, an out-of-sync Figma library, no clear contribution process, and accessibility and usability gaps that undermined confidence. Instead of driving consistency, the design system had become a scapegoat for poor usability scores. This internal frustration was mirrored externally. Clients had begun voicing concerns about product quality and performance, directly impacting sales and driving customer churn at unprecedented levels. It was clear that the status quo was unsustainable: we needed to deliver a unified, consumer-grade product experience — and do it quickly.
My Role
I was brought in to lead the tactical execution and program management of the NextGen Experience initiative — transforming vision into momentum. My role spanned strategy, operations, and design leadership: Program Leadership: Translated the head of Design Strategy’s vision into a clear, actionable program plan with milestones, governance, and accountability across divisions. Design System Evolution: Drove efforts to close major gaps in the design system by aligning Figma and code, improving accessibility, and establishing contribution models designers and engineers could trust. Cross-Functional Alignment: Partnered with Product, Engineering, and Design leadership to unify Procore’s fragmented tech stack and ensure the new system scaled across web and mobile platforms. Operational Rigor: Established repeatable processes that increased efficiency, reduced rework, and built trust in the design system as a reliable foundation. Team Enablement: Created space for design teams to modernize libraries, adopt new Figma capabilities, and streamline workflows that boosted throughput and consistency.
Project Overview
The NextGen Experience was created to unify Procore’s product line across web and mobile, rebuilding trust in the design system while elevating usability across the platform. Our aim was to transform fragmented products into a cohesive, modern experience that clients could rely on, while creating the operational backbone designers and engineers needed to move faster with confidence. Although Procore had invested in a design system, adoption across the organization was low and trust in the system had eroded. A company-wide survey revealed critical issues: missing components, incomplete documentation, an out-of-sync Figma library, no clear contribution process, and accessibility and usability gaps that undermined confidence. Instead of driving consistency, the design system had become a scapegoat for poor usability scores. This internal frustration was mirrored externally. Clients had begun voicing concerns about product quality and performance, directly impacting sales and driving customer churn at unprecedented levels. It was clear that the status quo was unsustainable: we needed to deliver a unified, consumer-grade product experience — and do it quickly.
My Role
I was brought in to lead the tactical execution and program management of the NextGen Experience initiative — transforming vision into momentum. My role spanned strategy, operations, and design leadership: Program Leadership: Translated the head of Design Strategy’s vision into a clear, actionable program plan with milestones, governance, and accountability across divisions. Design System Evolution: Drove efforts to close major gaps in the design system by aligning Figma and code, improving accessibility, and establishing contribution models designers and engineers could trust. Cross-Functional Alignment: Partnered with Product, Engineering, and Design leadership to unify Procore’s fragmented tech stack and ensure the new system scaled across web and mobile platforms. Operational Rigor: Established repeatable processes that increased efficiency, reduced rework, and built trust in the design system as a reliable foundation. Team Enablement: Created space for design teams to modernize libraries, adopt new Figma capabilities, and streamline workflows that boosted throughput and consistency.
Laying the Foundation for
Procore’s Next Chapter
Usability Transformation
Moving the product from below-average to “excellent.”
%



Fast Legacy Rewrite
White glove redesign of legacy tool in under 3 months.
Adoption & Trust
White glove rollout rebuilt partner confidence in the design system.