← Back

Create a Community-Driven Platform

UX Architecture Leadership Product Strategy

The demo components library is an internal marketplace for state-of-the-art business apps and solutions for pre-sales employees to streamline the creation of customer-facing demos of Salesforce products. I coordinated the migration and ground-up revamp of the legacy system with a global team of designers and engineers, transforming it into a dedicated AppExchange-style platform.

Historically, demo components were created by a dedicated team of demo engineers and designers and distributed via our internal org standard interface. This initial catalog of assets was hard to navigate for end users. Technically speaking, it was difficult to maintain, challenging to measure the impact on the business. Overall, we had troubles to innovate and scale at the pace of our company.

Demo Components homepage Demo components homepage is accessible from multiple endpoints, always here when needed.

How Might We...

... enable intuitive and seamless user interaction on demo components, and encourage more contribution amongst Solutions Engineers at Salesforce?

Approach

Lead junior design team through research and design. High level steps:

Define API-first system architecture that surfaces packages from multiple secured endpoints.

Develop custom prototyping platform in NodeJS leveraging Salesforce Lightning Design System components to eliminate redlining and optimize transition from design to code.

Implement componentized UI prototype to enforce UI development standardization best practices.

Demo components are described in great details. Advanced search feature
The demo components platform provides many features and a streamlined experience.

Outcomes

  1. First end-to-end design project at Salesforce for a team of young professionals.
  2. Eventual handover of user support and content management to a dedicated team.
  3. Metrics a couple of years after launch:
    • 8.8K+ active users
    • 960+ maintained components
    • 41K+ component installs
The creation of new demo components is a celebration Interactions are amplified to create an emotional connection with people.

Key Learnings

Demo components detail view on mobile demo components creator's page on mobile Demo components search page on mobile
The entire marketplace has been designed mobile-first from the ground up.

Let's chat, I’d love to tell you more about it.

Connect on LinkedIn