About
Leo Playground is an in-browser learning environment that helps end-users get familiar with Leo by writing and running small snippets for building private (zero-knowledge) applications.

Problem
Leo had a steep “first 5 minutes” problem: users needed a guided path to write something that works quickly, plus tight feedback loops to understand errors and outcomes without getting stuck.

Key decisions and why

• Onboarding tutorial on first visit — reduce blank-page anxiety and teach the minimum Leo concepts in a step-by-step flow.

• Instant feedback + clear results — shorten the learn/debug loop so users can iterate confidently and understand what broke (and why).

• Interactive code editor UX (highlighting, autocomplete, error checking) — make writing Leo feel modern and forgiving, so syntax doesn’t become the barrier.

Outcome
A tutorial-led playground experience where users can write, execute, and debug Leo quickly—with real-time feedback and an editor experience that supports learning by doing.

My ownership
Product design across the Leo Playground experience, focusing on the onboarding tutorial, editor workflow, and feedback/error states (from early exploration through design, testing, and handoff).