Interactive demo · Learning design
A role-based first month for a fictional organization. Pick a role and work setting, open each step and track progress — nothing is saved or sent.
What this shows: information architecture, role-based sequencing, clear completion criteria and accessible progress tracking.
Illustrative demo · fictional data · nothing you enter leaves this browser
Pick a fictional role and work setting to see a five-step first-month path: Before day one; Tools and access; Role essentials; Practice and feedback; First-month check-in. Turn on JavaScript to use the interactive version.
About this example
The design thinking
Every step has a purpose, an estimated time, a resource type and a “done when” criterion. Shared structure keeps the experience coherent; role and setting change the details that matter.
Progress has a text alternative, every control works from the keyboard, and “Switch role” and “Reset” are always available.
The real-world story
Onboarding, training and development are a core part of my People & Culture work. This demo is an illustrative design using fictional roles — it is not a copy of any organization’s onboarding, and it contains no real systems, access steps or employee information.
