Design Case Study

Surfer Onboarding Flow

Standard plan onboarding — cycling blog persona.

Brief

Task context, assumptions, and requirements.

Process

Problem framing, research synthesis, ideation, and key design decisions.

Metrics

Success criteria and targets for each onboarding step, with forward-looking hypotheses.

Approaches

Four approaches to page selection in Step 2 — positioning chart, comparison table, pros and cons.

Prototype

Hi-fi interactive prototype with the full onboarding flow.