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

33

%

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.”

33

%

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.