Docebo / 2026
Elemental Prototype Playground
Designed and built a shared discovery system that helps designers, product managers, and engineers turn customer evidence into aligned decisions and realistic product directions faster.
Design Highlights
A design-engineering system
I designed and built the Elemental Prototype Playground as a shared product-discovery and design-engineering capability for Docebo, not simply a gallery of demos. It gives the design organization a repeatable way to turn customer evidence into realistic, reviewable experiences, while giving product and engineering a common artifact for deciding what to build and why.
Why prototypes needed a workflow
Fast AI prototyping can create convincing screens without creating confidence. Research context gets separated from the work, alternatives disappear once a direction is coded, and one-off implementations drift from the product's components, accessibility expectations, and interaction language. The organization needed the speed of AI-assisted building without sacrificing the evidence, judgment, and product fidelity required for a useful decision.
From evidence to a build-ready direction
I separated planning from building and connected them through one artifact-backed workflow. A plan can begin with a guided interview or source material, then makes the reasoning visible across an outcome, opportunities, problems, solutions, and experiments. Selected ideas advance through Brief, Low fidelity, and Medium fidelity; each stage preserves lineage, assumptions, risks, and the decisions still open. Only an explicitly selected medium-fidelity direction becomes a candidate for a separately confirmed build.
What I built
The homepage makes product explorations discoverable through search, filters, status, recent activity, and inspectable context. A dedicated Planning area makes work in progress and build-ready directions visible. Inside each workspace, a spatial canvas supports opportunity mapping, branching low-fidelity directions, interactive medium-fidelity comparisons, a contextual inspector, and a clear prototype choice. The surrounding Elemental catalog keeps every direction grounded in Docebo's real components, patterns, accessibility expectations, and interaction language.
What changed
Designers can move from research to critique to working interaction without losing the reasoning between stages. Product managers and engineers can respond to realistic, system-aligned concepts instead of interpreting abstract handoffs, making decisions earlier and with more shared context. For Docebo, the Playground creates a repeatable discovery capability that shortens alignment cycles and keeps evidence, alternatives, and decisions available for future work.
What I learned
A prototype becomes more valuable when the system around it preserves the thinking that produced it. The biggest improvement was not another fidelity layer; it was making evidence, alternatives, selection, and handoff visible as one continuous workflow. AI accelerates the mechanics of exploration and implementation, while explicit stages and real Elemental components keep product judgment, craft, and accountability in the loop.