eddiebe147

Onboarding Designer

8
2
# Install this skill:
npx skills add eddiebe147/claude-settings --skill "Onboarding Designer"

Install specific skill from multi-skill repository

# Description

Design effective user onboarding flows that drive activation, adoption, and retention

# SKILL.md


name: Onboarding Designer
slug: onboarding-designer
description: Design effective user onboarding flows that drive activation, adoption, and retention
category: customer-support
complexity: complex
version: "1.0.0"
author: "ID8Labs"
triggers:
- "onboarding"
- "user onboarding"
- "activation flow"
- "first-time user"
- "welcome flow"
- "product tour"
- "user activation"
tags:
- onboarding
- activation
- user-experience
- retention
- customer-success


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
  2. Analyze user cohorts (retained vs. churned)
  3. Identify behaviors correlated with retention
  4. Find the minimum valuable action
  5. Define time window for activation (first 7 days typical)
  6. Document the activation metric

  7. 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 |

  8. Activation Funnel

  9. Signup completed
  10. Profile/account setup
  11. Core feature discovery
  12. First meaningful action
  13. Repeat action (confirms value)

  14. Measurement Framework

  15. Define each funnel step precisely
  16. Set up event tracking
  17. Calculate conversion between steps
  18. Benchmark against industry standards
  19. Set improvement targets

Workflow 2: Onboarding Flow Design

Design the path from signup to activation

  1. Flow Architecture Options
  2. Linear: Step-by-step guided sequence
  3. Progressive: Reveal features as user advances
  4. Checklist: Self-directed with progress tracking
  5. Contextual: Just-in-time tips during usage
  6. Hybrid: Combination approach

  7. Flow Components

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

  14. Personalization Factors

  15. User role/persona
  16. Use case/goal
  17. Company size
  18. Prior experience
  19. Entry point/referral source

  20. Flow Principles

  21. Minimize steps to activation
  22. Show progress and momentum
  23. Celebrate small wins
  24. Allow skip but encourage completion
  25. Provide escape hatches

Workflow 3: Content & Messaging

Write copy that motivates and guides

  1. Welcome Messaging
  2. Acknowledge the user's goal
  3. Preview the value they'll get
  4. Set clear expectations
  5. Create excitement without overwhelming

  6. Instructional Content

  7. Action-oriented headlines
  8. One instruction per screen
  9. Visual > text when possible
  10. Benefits alongside features
  11. Progress indicators

  12. Microcopy Patterns

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

  18. Motivation Techniques

  19. Social proof (X users did this)
  20. Progress visualization
  21. Immediate value demonstration
  22. Personalization ("Your dashboard")
  23. 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

  3. One clear CTA per email
  4. Link to specific in-app action
  5. Keep under 150 words
  6. Personalize with user data
  7. A/B test subject lines

  8. Behavioral Triggers

  9. Incomplete setup → reminder
  10. No login in X days → re-engagement
  11. Used feature → related feature intro
  12. Approaching limit → upgrade prompt
  13. Activation achieved → celebration

  14. Segmentation

  15. By activation status
  16. By user persona/role
  17. By feature usage
  18. By engagement level
  19. By signup source

Workflow 5: Measurement & Optimization

Track performance and iterate

  1. Key Metrics
  2. Activation Rate: % of signups reaching activated state
  3. Time to Activate: Days/hours from signup to activation
  4. Funnel Conversion: % completing each step
  5. Drop-off Points: Where users abandon
  6. Return Rate: % returning after first session

  7. Funnel Analysis

  8. Map each onboarding step to event
  9. Calculate step-to-step conversion
  10. Identify biggest drop-offs
  11. Segment by user attributes
  12. Compare cohorts over time

  13. Optimization Experiments

  14. A/B test step order
  15. Test copy variations
  16. Try different UI patterns
  17. Experiment with personalization
  18. Test email timing and content

  19. Qualitative Research

  20. User session recordings
  21. New user interviews
  22. Support ticket analysis
  23. Churn surveys
  24. 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%+

# Supported AI Coding Agents

This skill is compatible with the SKILL.md standard and works with all major AI coding agents:

Learn more about the SKILL.md standard and how to use these skills with your preferred AI coding agent.