Design Case Study

Surfer AI Tracker
Onboarding Flow

Standard plan onboarding — cycling blog persona.

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.

ProcessSoon

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

Concept ASoon

Recommended hi-fi interactive prototype with full onboarding flow.

Concept BSoon

Mid-fidelity alternative for side-by-side comparison and A/B testing.