Conversion Ux

Conversion UX Patterns

Apply these patterns to every funnel page. These are not suggestions — they are requirements for high-converting funnels.

Above the Fold (First Viewport)

Every page must have these 3 elements visible without scrolling:

1. Headline — Clear, benefit-driven, addresses the #1 pain point
2. Sub-headline — Expands on the headline, introduces the solution
3. Primary CTA — Visible, high-contrast button with action-oriented text

  Headline: Desired Outcome
  Sub-headline: How you'll get there
  Action-Oriented CTA Text →

CTA Button Rules

| Rule | Good ✅ | Bad ❌ | |---|---|---| | Action-oriented | "Get My Free Guide" | "Submit" | | First-person | "Start My Trial" | "Start Your Trial" | | Benefit-focused | "Unlock 50% More Sales" | "Click Here" | | Urgency | "Claim My Spot (Only 12 Left)" | "Register" | | Specificity | "Download the 7-Step Checklist" | "Download" |

CTA Placement

• Always above the fold
• Repeat after every major value block (every 2–3 scroll lengths)
• Sticky CTA bar on mobile (bottom of viewport)
• Final CTA with full benefit stack at page bottom

Social Proof Patterns

Testimonial Card

  
  
    "Specific result they achieved with your product."
    
      Full Name
      Title, Company
    
  

Trust Bar

  As featured in:
  
  
  

Stats Row

  10,000+Customers Served
  4.9/5Average Rating
  30-DayMoney-Back Guarantee

Urgency Patterns (Use Authentically)

• Countdown timer — Only for real deadlines (course enrollment, live event)
• Limited spots — Only if genuinely limited ("12 of 50 spots remaining")
• Price increase — Only if price is actually changing
• Seasonal — "Enroll before [date] to join the spring cohort"

Friction Reduction

Form Optimization

• Minimize fields — Only ask for what you need at this stage
• Opt-in: Email only (name optional)
• Purchase: Email, name, payment
• Application: More fields acceptable
• Single-column layout — Never side-by-side fields on forms
• Progress indicator — For multi-step forms
• Inline validation — Show errors in real-time, not on submit

Navigation

• Remove top nav on landing pages — No escape routes
• Single CTA — One primary action per page (secondary allowed in footer)
• Exit intent — Optional popup when cursor moves to close tab

Visual Hierarchy

1. Headline (largest text, bold)
2. Sub-headline (medium text)
3. CTA button (high contrast, standout color)
4. Body copy (readable, 16px+ on desktop, 18px+ on mobile)
5. Supporting text (smaller, lighter — fine print, disclaimers)

Mobile UX Requirements

• Touch targets: minimum 44x44px
• CTA button: full width on mobile
• Font size: minimum 16px (prevents iOS zoom on input focus)
• Spacing: generous padding between tap targets
• Sticky CTA: fixed bottom bar on scroll

Source & license

This open-source skill is cataloged on AgentStack and links to its original source — we do not rehost the code.

• Author: ominou5
• Source: ominou5/funnel-architect-plugin
• License: MIT
• Homepage: https://www.skool.com/agashic-5136

Install and usage instructions live in the source repository linked above.