7-Day Prototype

Step 2: Design — Turn ideas into a clear learning experience.

In Design, we shape how the course will look and feel: the flow between screens, the interaction style, and the visual direction so the prototype feels like a natural extension of your brand.

Review the terms on this page, or use the steps below to explore the rest of the prototype process.

Key terms in this step Experience flow Prototype scope Interaction style Visual direction

Experience flow

Path through the course

The sequence of screens and moments a learner moves through—from the first welcome to the last action or recap.

Why it matters

A clear flow keeps people from feeling lost or rushed. It shows how much time the course will really take and where the most important moments sit.

What we’ll ask you
  • Key beats you want learners to remember (stories, decisions, examples).
  • Any “must-include” steps or checkpoints from your current process.
  • Where you’d like to slow down for practice vs. move quickly.

Prototype scope

How much we build now

The slice of the course we include in the prototype: usually 3–6 key screens that show the core flow, look and feel, and one or two interaction types.

Why it matters

A focused prototype lets you react quickly without paying for a full build twice. We prove the concept on a small slice, then extend it with confidence.

What we’ll ask you
  • Which parts of the process are most critical to “get right” first.
  • Any scenarios or screens leaders are especially curious about.
  • If we need to trim, which topics are highest priority for the prototype.

Interaction style

How people engage

The ways learners interact with the course: simple checks, try-it steps, scenarios, branching paths, or other practice moments.

Why it matters

Interaction is where people practice, not just read. Choosing the right style keeps the course from becoming either dull click-next screens or overly complex puzzles.

What we’ll ask you
  • Real decisions or mistakes you want learners to practice safely.
  • Any legal or brand limits on what we can simulate.
  • Preferences for lighter quick checks vs. deeper scenarios.

Visual direction

Look and feel

The overall style of the course: use of color, imagery, icons, and layout so the prototype feels like a natural extension of your brand.

Why it matters

A clear visual direction builds trust with learners and leaders. It also saves time later by preventing “make it pop” rounds when we’re close to launch.

What we’ll ask you
  • Brand guidelines, sample decks, or sites you like (and don’t like).
  • Any audiences who may need extra contrast or simpler layouts.
  • Whether you prefer a calm, minimal feel or something more energetic.
Next: Step 3 – Review