conversion-rate-optimization
SKILL.md
Conversion Rate Optimization
Comprehensive CRO framework covering the entire conversion journey — from landing pages through activation and upgrades.
Quick Reference: When to Use What
| Situation | Use This Skill For |
|---|---|
| General page optimization | Page CRO framework |
| Signup/registration flow | Signup Flow Optimization |
| Lead capture, contact, or checkout forms | Form Optimization |
| Post-signup user activation | Onboarding & Activation |
| In-app upgrade/paywall screens | Paywall & Upgrade Optimization |
| Popups, modals, overlays | Popup & Modal Strategy |
| UI/UX improvements | CRO Audit Process |
| Systematic testing methodology | CRE Methodology |
Part 1: CRE Methodology Foundation
Core Philosophy
Don't guess — discover. Evidence-based optimization over "best practices." Extraordinary improvements come from understanding WHY visitors don't convert.
The 9-Step CRE Process
- Define Success Metrics — Align with business KPIs
- Map the Conversion Funnel — Identify blocked arteries and missing links
- Understand Visitors — Research objections, UX problems, visitor types
- Gather Market Intelligence — Analyze competitors, transfer winning strategies
- Find Hidden Persuasion Assets — Uncover testimonials, awards, statistics not displayed
- Create Experimental Strategy — ICE framework prioritization
- Design Challengers — Bold changes based on research insights
- Run Experiments — Statistical significance, proper sample sizes
- Scale Wins — Apply insights across channels
Key Frameworks
- O/CO Table: Objection/Counter-Objection mapping
- ICE Prioritization: Impact × Confidence × Ease
- Bold vs. Meek: Test big changes, not button colors
Part 2: Page CRO Framework
Analysis Dimensions (Priority Order)
- Value Proposition Clarity — Can visitors understand value in 5 seconds?
- Headline Effectiveness — Core message, specificity, traffic source match
- CTA Placement, Copy, Hierarchy — One clear action, value-oriented button text
- Visual Hierarchy and Scannability — Scanning-friendly layout
- Trust Signals and Social Proof — Near CTAs and after benefit claims
- Objection Handling — FAQ, guarantees, comparison content
- Friction Points — Forms, navigation, mobile, load times
Page-Specific Frameworks
| Page Type | Key Focus |
|---|---|
| Homepage | Clear positioning, quick path to conversion |
| Landing Page | Message match, single CTA, complete argument |
| Pricing | Clear comparison, recommended plan indication |
| Feature | Benefit-focused, use cases, clear path to try/buy |
Part 3: Signup Flow Optimization
Core Principles
- Minimize Required Fields — Every field reduces conversion
- Show Value Before Commitment — Reverse the order: value first, signup second
- Reduce Perceived Effort — Progress indicators, smart defaults
- Remove Uncertainty — Clear expectations, no surprises
Field-by-Field Best Practices
| Field | Best Practice |
|---|---|
| Single field, inline validation, typo detection | |
| Password | Show toggle, strength meter vs. rigid rules |
| Name | Single "Full name" vs. First/Last (test) |
| Social Auth | Prominent placement, relevant options |
| Phone | Defer unless essential |
Single vs. Multi-Step
- Single-step: 3 or fewer fields, simple products, high-intent traffic
- Multi-step: 4+ fields, complex B2B, need segmentation
Part 4: Form Optimization
Core Principles
- Every Field Has a Cost — 3 fields baseline, 7+ fields = 25-50% reduction
- Value Must Exceed Effort — Clear proposition above form
- Reduce Cognitive Load — One question per field, logical grouping
Field Optimization
| Field | Best Practice |
|---|---|
| Single field, inline validation, proper mobile keyboard | |
| Name | Single "Name" vs. First/Last — test this |
| Phone | Optional if possible, explain why required |
| Company | Auto-suggest, enrichment after submission |
| Dropdowns | Searchable if many options, "Other" option |
Multi-Step Forms
- Progress indicator (step X of Y)
- Start with easy, end with sensitive
- One topic per step
- Allow back navigation, save progress
Part 5: Onboarding & Activation
Defining Activation
Find the Aha Moment — The action that correlates most strongly with retention:
- What do retained users do that churned users don't?
- What's the earliest indicator of future engagement?
Activation Metrics
- % of signups who reach activation
- Time to activation
- Steps to activation
- Activation by cohort/source
Onboarding Design Patterns
| Approach | Best For | Risk |
|---|---|---|
| Product-first | Simple products, B2C, mobile | Blank slate overwhelm |
| Guided setup | Products needing personalization | Friction before value |
| Value-first | Products with demo data | May not feel "real" |
Onboarding Checklist Pattern
- 3-7 items (not overwhelming)
- Order by value (most impactful first)
- Start with quick wins
- Progress bar/completion %
- Dismiss option
Part 6: Paywall & Upgrade Optimization
Core Principles
- Value Before Ask — After "aha moment," not before
- Show, Don't Just Tell — Demonstrate paid feature value
- Friction-Free Path — Easy to upgrade when ready
- Respect the No — Don't trap or pressure
Paywall Trigger Points
| Trigger | Best Practice |
|---|---|
| Feature Gates | Clear explanation, preview, quick unlock |
| Usage Limits | Clear indication, show upgrade value |
| Trial Expiration | Early warnings, summarize value received |
| Time-Based | Gentle reminders, highlight unused features |
Paywall Components
- Headline — "Unlock [Feature] to [Benefit]"
- Value Demonstration — Preview, before/after
- Feature Comparison — Highlight differences
- Pricing — Clear, annual vs. monthly
- Social Proof — Customer quotes
- CTA — Specific, value-oriented
- Escape Hatch — Clear "Not now" option
Part 7: Popup & Modal Strategy
Trigger Strategies
| Trigger | Best Practice |
|---|---|
| Time-Based | 30-60 seconds (proven engagement) |
| Scroll-Based | 25-50% depth, indicates engagement |
| Exit Intent | Last chance, mobile alternative needed |
| Click-Triggered | Zero annoyance, best for lead magnets |
| Behavior-Based | High-intent segments (cart abandonment) |
Popup Types
- Email Capture — Clear value prop, single field
- Lead Magnet — Show what they get, instant delivery
- Discount/Promotion — Clear discount, deadline urgency
- Exit Intent — Acknowledge leaving, different offer
- Announcement Banner — Top of page, dismissable
Design Best Practices
- Desktop: 400-600px wide
- Mobile: Full-width bottom or center, not full-screen
- Close button visible (top right)
- Frequency capping: max once per session
Part 8: CRO Audit Process
Mandatory Audit Steps
Step 1: Read Current State
- Read target page files
- Check related components
- Search for existing similar functionality
Step 2: Document What EXISTS
- Inventory current components
- Document data display locations
- Note design characteristics
Step 3: Redundancy Check
- Is this data already displayed elsewhere?
- Does similar functionality exist?
- Would this duplicate content?
Step 4: Identify Genuine Gaps
- Missing functionality (proven)
- Genuine UX problems (demonstrated)
- Clear value add
Step 5: Design Philosophy Check
- Simple, scannable layouts
- Strategic white space
- Information shown once, not repeated
Part 9: A/B Testing Methodology
ICE Framework
| Factor | Score (1-10) |
|---|---|
| Impact | Could this double conversion rate? |
| Confidence | How sure is this will work? |
| Ease | How easy to implement? |
Critical: Make BOLD changes, not "meek tweaks."
Test Execution
- Document hypothesis: "If we [change X], then [metric Y] will improve because [reason]"
- Define primary and guardrail metrics
- Calculate required sample size BEFORE starting
- Wait for statistical significance (95% confidence minimum)
- Run for at least one full business cycle (1-2 weeks)
What NOT to Test
- Button colors before understanding objections
- Copy competitors blindly
- Optimize individual pages without funnel context
Output Formats
Quick Audit
For each issue:
- Issue: What's wrong
- Impact: Estimated effect on conversions
- Fix: Specific recommendation
- Priority: High/Medium/Low
Comprehensive Recommendations
Organized by:
- Quick wins (same-day fixes)
- High-impact changes (week-level effort)
- Test hypotheses (A/B tests)
Experiment Ideas
| Category | Test Ideas |
|---|---|
| Form Design | Single vs. multi-step, field count, field order |
| Page Elements | Headlines, CTAs, trust signals, pricing |
| Onboarding | Step count, personalization, timing |
| Paywalls | Trigger timing, offer types, copy variations |
| Popups | Triggers, timing, design, frequency |
Related Skills
- ab-test-setup: For testing CRO hypotheses rigorously
- email-sequence: For onboarding and re-engagement sequences
- analytics-tracking: For conversion tracking setup
- copywriting: For persuasive copy optimization
Weekly Installs
78
Repository
manojbajaj95/cl…m-pluginGitHub Stars
11
First Seen
5 days ago
Security Audits
Installed on
opencode78
gemini-cli4
github-copilot4
codex4
kimi-cli4
amp4