jmsktm/Onboarding Designer

Onboarding Designer

Expert user onboarding system that transforms first-time visitors into activated, successful users. This skill provides structured workflows for designing, implementing, and optimizing onboarding experiences that drive user activation and long-term retention.

Onboarding is the single highest-leverage investment in user retention. The first session determines whether users become customers or churners. This skill helps you design onboarding flows that get users to their "aha moment" as quickly as possible.

Built on product-led growth principles and behavioral psychology, this skill combines user research, flow design, and data-driven optimization to create onboarding experiences that convert and retain.

Core Workflows

Workflow 1: Activation Definition

Define what "activated" means for your product

1. Aha Moment Discovery

   • Analyze user cohorts (retained vs. churned)
   • Identify behaviors correlated with retention
   • Find the minimum valuable action
   • Define time window for activation (first 7 days typical)
   • Document the activation metric

2. Activation Criteria Examples | Product Type | Activation Metric | |--------------|-------------------| | SaaS Tool | Completed core action 3+ times | | Marketplace | Made first purchase | | Social App | Added 5+ connections | | Productivity | Created first project/item | | B2B Platform | Invited team member |

3. Activation Funnel

   • Signup completed
   • Profile/account setup
   • Core feature discovery
   • First meaningful action
   • Repeat action (confirms value)

4. Measurement Framework

   • Define each funnel step precisely
   • Set up event tracking
   • Calculate conversion between steps
   • Benchmark against industry standards
   • Set improvement targets

Workflow 2: Onboarding Flow Design

Design the path from signup to activation

1. Flow Architecture Options

   • Linear: Step-by-step guided sequence
   • Progressive: Reveal features as user advances
   • Checklist: Self-directed with progress tracking
   • Contextual: Just-in-time tips during usage
   • Hybrid: Combination approach

2. Flow Components

   • Welcome Screen: Set expectations, show value
   • Account Setup: Collect essential info only
   • Product Tour: Highlight key features
   • First Task: Guide to initial success
   • Progress Indicators: Show completion status
   • Empty States: Guide users when no data exists

3. Personalization Factors

   • User role/persona
   • Use case/goal
   • Company size
   • Prior experience
   • Entry point/referral source

4. Flow Principles

   • Minimize steps to activation
   • Show progress and momentum
   • Celebrate small wins
   • Allow skip but encourage completion
   • Provide escape hatches

Workflow 3: Content & Messaging

Write copy that motivates and guides

1. Welcome Messaging

   • Acknowledge the user's goal
   • Preview the value they'll get
   • Set clear expectations
   • Create excitement without overwhelming

2. Instructional Content

   • Action-oriented headlines
   • One instruction per screen
   • Visual > text when possible
   • Benefits alongside features
   • Progress indicators

3. Microcopy Patterns

   • Buttons: Specific actions ("Create my first project")
   • Labels: Clear, jargon-free
   • Tooltips: Concise, contextual
   • Errors: Helpful, not blaming
   • Empty states: Actionable guidance

4. Motivation Techniques

   • Social proof (X users did this)
   • Progress visualization
   • Immediate value demonstration
   • Personalization ("Your dashboard")
   • Commitment and consistency

Workflow 4: Email Onboarding Sequence

Support in-app flow with email nurture

1. Email Sequence Structure | Day | Email Purpose | |-----|---------------| | 0 | Welcome + quick win action | | 1 | Core feature highlight | | 3 | Use case example/inspiration | | 5 | Overcome common objection | | 7 | Activation check-in or social proof | | 14 | Advanced feature or upgrade prompt |

2. Email Content Principles

   • One clear CTA per email
   • Link to specific in-app action
   • Keep under 150 words
   • Personalize with user data
   • A/B test subject lines

3. Behavioral Triggers

   • Incomplete setup → reminder
   • No login in X days → re-engagement
   • Used feature → related feature intro
   • Approaching limit → upgrade prompt
   • Activation achieved → celebration

4. Segmentation

   • By activation status
   • By user persona/role
   • By feature usage
   • By engagement level
   • By signup source

Workflow 5: Measurement & Optimization

Track performance and iterate

1. Key Metrics

   • Activation Rate: % of signups reaching activated state
   • Time to Activate: Days/hours from signup to activation
   • Funnel Conversion: % completing each step
   • Drop-off Points: Where users abandon
   • Return Rate: % returning after first session

2. Funnel Analysis

   • Map each onboarding step to event
   • Calculate step-to-step conversion
   • Identify biggest drop-offs
   • Segment by user attributes
   • Compare cohorts over time

3. Optimization Experiments

   • A/B test step order
   • Test copy variations
   • Try different UI patterns
   • Experiment with personalization
   • Test email timing and content

4. Qualitative Research

   • User session recordings
   • New user interviews
   • Support ticket analysis
   • Churn surveys
   • In-app feedback collection

Quick Reference

| Action | Command/Trigger | |--------|-----------------| | Define activation | "Define activation metric for [product]" | | Design onboarding flow | "Create onboarding flow for [product]" | | Write onboarding copy | "Write onboarding content for [step]" | | Create email sequence | "Design onboarding email sequence" | | Analyze drop-offs | "Analyze onboarding funnel" | | Optimize step | "Improve onboarding for [step]" | | Design empty state | "Create empty state for [feature]" | | Create product tour | "Design product tour for [feature]" | | Build checklist | "Create onboarding checklist" | | Review competitors | "Analyze competitor onboarding" |

Best Practices

Flow Design

• Get users to value in under 5 minutes
• Collect only essential information upfront
• Defer non-critical setup until later
• Show, don't tell (interactive > instructional)
• Make first action feel successful

Personalization

• Ask about goals, not demographics
• Use responses to customize experience
• Show relevant use cases and examples
• Skip steps that don't apply
• Remember choices in future sessions

Progress & Motivation

• Show completion percentage
• Celebrate milestone achievements
• Use checklists for multi-step processes
• Provide quick wins early
• Create momentum through small successes

Friction Reduction

• Minimize form fields
• Allow social/SSO signup
• Pre-fill what you can
• Provide smart defaults
• Skip optional steps by default

Recovery

• Save progress if user leaves
• Send re-engagement emails
• Provide multiple entry points
• Don't restart completed steps
• Offer help when stuck

Onboarding Patterns

Pattern 1: Welcome Modal

[Visual: Product screenshot or illustration]

# Welcome to [Product], [Name]!

You're about to [key benefit].

Let's get you set up in just 2 minutes.

[Get Started] [Skip for now]

Pattern 2: Step-by-Step Setup

Step 1 of 4: [Step Name]

[Clear instruction]

[Input or action area]

[Visual hint or example]

[Back] [Continue]

Progress: ████░░░░░░ 40%

Pattern 3: Checklist Dashboard

# Getting Started

Complete these steps to get the most from [Product]:

☑ Create your account
☐ Set up your profile
☐ Connect your [integration]
☐ Create your first [item]
☐ Invite your team

[3 of 5 complete - 60%]

Pattern 4: Empty State with Guidance

[Illustration]

# No [items] yet

[Items] help you [benefit].

Create your first one to see [Product] in action.

[Create [Item]]

---
Need inspiration? [See examples]

Pattern 5: Contextual Tooltip

┌─────────────────────────────────┐
│ 💡 Pro tip                      │
│                                 │
│ Click here to [action] and     │
│ [benefit explanation].          │
│                                 │
│ [Got it] [Show me more]         │
└─────────────────────────────────┘

Email Templates

Day 0: Welcome Email

Subject: You're in! Here's your quick start guide

Hi [Name],

Welcome to [Product]!

You just took the first step toward [key benefit].

Here's how to get value in the next 5 minutes:

1. [Quick action with link]

That's it. Do that one thing and you'll see why [Product] is different.

Questions? Just reply to this email.

[CTA: Complete Your First [Action]]

— The [Product] Team

Day 3: Use Case Inspiration

Subject: How [Customer] uses [Product] to [result]

Hi [Name],

Wondering what's possible with [Product]?

Here's how [Customer Name] uses it:

"[Short testimonial about specific use case and result]"

You can do the same thing in [Product] by:
1. [Step with link]
2. [Step with link]

[CTA: Try This Now]

Day 7: Activation Check-In

Subject: Quick question about your experience

Hi [Name],

I noticed you [signed up but haven't / started to] [key action].

Is everything working okay? I'd love to help if you're stuck.

Just hit reply and let me know:
- What were you hoping to accomplish?
- What's getting in the way?

I read every response personally.

— [Name], [Title] at [Product]

Red Flags

• Information overload: Too many features introduced at once
• No quick win: Users don't experience value in first session
• Forced completion: Can't skip non-essential steps
• No personalization: Same flow for all user types
• Missing progress: No indication of how much is left
• Dead ends: Steps without clear next actions
• Lost progress: Starting over if user leaves
• Jargon: Using internal terminology

Metrics Benchmarks

| Metric | Good | Great | Best-in-Class | |--------|------|-------|---------------| | Signup to Activation | 30% | 50% | 70%+ | | Time to Activate | 7 days | 3 days | Same session | | First Session Duration | 5 min | 10 min | 15+ min | | Day 1 Return | 25% | 40% | 60%+ | | Day 7 Return | 15% | 25% | 40%+ | | Onboarding Completion | 40% | 60% | 80%+ |