| name | page-cro |
| description | When the user wants to optimize, improve, or increase conversions on any marketing page — including homepage, landing pages, pricing pages, feature pages, or blog posts. |
| allowed-tools | Read, Write, WebSearch, WebFetch, AskUserQuestion |
| model | sonnet |
Page Conversion Rate Optimization (CRO)
Expert knowledge for diagnosing, testing, and improving conversion rates across marketing pages.
CRO Mindset
CRO is not about making pages prettier. It's about removing the reasons people don't convert.
Every visitor who doesn't convert has a reason. Your job is to find the most common reasons and fix them. Start with research, not redesign.
Conversion Research Stack
Before changing anything, understand why people aren't converting.
Quantitative Research (What is happening)
- Google Analytics / GA4: Funnel visualization, scroll depth, device breakdown, traffic source by conversion rate
- Heatmaps: Click maps (what do people click?), scroll maps (how far do people scroll?), move maps
- Session recordings: Watch real users navigate — Hotjar, FullStory, Microsoft Clarity (free)
- Form analytics: Which form fields cause drop-off? (Hotjar forms, Formisimo)
Qualitative Research (Why it's happening)
- On-page surveys: "What stopped you from signing up today?" (Hotjar, Qualaroo)
- Exit intent surveys: Ask visitors who are leaving why
- User testing: 5 users completing a task reveals ~80% of usability issues
- Customer interviews: Ask recent signups what almost stopped them
Research before hypothesis. Every optimization hypothesis should trace to a research finding.
Above-the-Fold Optimization
The first screen determines whether visitors scroll. It must communicate:
- What you do (in one sentence — no jargon)
- Who it's for (your ICP, named explicitly)
- Why it matters (the key outcome or transformation)
- What to do next (one clear CTA)
Hero copy formula:
H1: [Specific outcome] for [ICP]
Subheadline: [How you deliver it] — [key differentiator or proof point]
CTA: [Specific action] — [friction reducer]
Hero image/video checklist:
5-second test: Show your above-the-fold to someone unfamiliar with your product for 5 seconds. Ask: "What does this company do? Who is it for?" If they can't answer, rewrite.
Value Proposition Clarity
The value prop is the single most important element on any page.
Testing your value prop:
Ask three questions about your current headline:
- Is it specific? ("Save 3 hours/week" beats "Save time")
- Is it unique? (Could a competitor say the same thing?)
- Is it relevant? (Does your ICP immediately recognize their situation?)
Value prop testing matrix:
| Angle | Example |
|---|
| Outcome | "Cut reporting time by 80%" |
| For ICP | "For ops teams that live in spreadsheets" |
| How you're different | "The only [category] that [unique approach]" |
| Problem statement | "Stop [painful thing] — finally" |
| Social proof | "How 500 teams replaced [competitor]" |
Run 2-3 headline variants in an A/B test before committing.
Trust Signals
Trust is built in layers. Each element adds confidence. Missing elements create doubt.
Trust Signal Checklist by Position
Above the fold:
Mid-page:
Near CTA:
Footer:
Friction Removal
Every step in your conversion path that requires effort is friction. Map and reduce it.
Friction audit:
- Map every action required to convert (clicks, scrolls, form fields, decisions)
- For each action: Is it necessary? Can it be eliminated? Can it be deferred?
- Eliminate every unnecessary step
High-friction elements to fix:
| Friction | Fix |
|---|
| Long signup form | Reduce to email only; collect more after activation |
| Email verification before product access | Move email verification after first use |
| Credit card required for free trial | Remove if your business model allows |
| Complex pricing page | Add a recommendation ("Most teams choose X") |
| Navigation with too many options | Reduce nav on landing pages; focus on one path |
| Autoplay video | Give user control; don't force attention |
| Pop-up on entry | Delay to exit intent or after 60 seconds |
CTA Optimization
CTA placement rules:
- Primary CTA visible without scrolling on desktop and mobile
- Repeat CTA every 2-3 scrolls on long pages
- Final CTA at bottom of page
CTA copy rules:
- Start with a verb ("Start," "Get," "Try," "See," "Book")
- Be specific about what happens next ("Start free 14-day trial")
- Add a friction reducer immediately below ("No credit card required")
CTA design rules:
- High contrast against background (not your brand's subtle secondary color)
- Large enough to tap easily on mobile (44px minimum touch target)
- Generous padding (not a tiny button)
- One primary CTA per section (secondary CTAs can exist but must be visually subdominant)
Social Proof Types and Placement
Different social proof works at different stages of the page:
| Position | Best proof type |
|---|
| Hero section | Customer count, logo bar, review rating |
| Problem section | Quote acknowledging the pain ("We were stuck in spreadsheets until...") |
| Solution section | Before/after comparison, feature-specific testimonial |
| Objection section | Trust-specific quote ("We were worried about security...") |
| CTA section | Short, outcome-specific quote with name and photo |
Testimonial quality filter:
Poor: "Great product. Highly recommend." (No specifics, no outcome)
Good: "We reduced onboarding time from 6 hours to 45 minutes. Our CSM team now handles 3× more accounts." — [Name, Title, Company]
Collect strong testimonials actively. Ask customers: "Can you describe a specific result you got from using [product]?"
Pricing Page Optimization
The pricing page is often the highest-impact CRO opportunity.
Pricing page elements:
Anchoring on pricing page:
- Show the highest tier first (left to right or top to bottom)
- Or: highlight the middle/recommended tier prominently to anchor selection
Mobile CRO
Mobile visitors convert at ~50% the rate of desktop visitors for most B2B products. Fix the mobile experience before driving more mobile traffic.
Mobile audit:
Heatmap Interpretation
Click maps — what to look for:
- People clicking on non-clickable elements → make them clickable or remove the expectation
- High clicks on secondary elements → they may be more important than primary
- Low clicks on CTA → visibility, copy, or placement problem
Scroll maps — what to look for:
- Drop-off at a specific element → something is either confusing or repelling people
- Less than 50% scroll to important content → move it up or cut the preceding content
- People scrolling past CTAs → add more CTA repetitions
Session recordings — what to look for:
- Rage clicks (repeated clicking) → broken element or unclear affordance
- U-turns (scroll down, then back up) → looking for something they couldn't find
- Form abandonment at specific field → that field is asking for something unwilling to give
Common Rationalizations
| Rationalization | Reality |
|---|
| "We need a full redesign to fix conversions" | Most conversion lifts come from copy changes and friction removal, not redesigns. Research first. |
| "Our industry has naturally low conversion rates" | Industry benchmarks explain your current rate, not your ceiling. CRO finds your ceiling. |
| "More features on the page means more reasons to convert" | More choices create decision paralysis. Focus on one primary message per page. |
| "The design looks great — that should help conversions" | Aesthetics affect trust, not clarity. A beautiful page with a confusing value prop still doesn't convert. |
| "We tested it once and saw no difference" | Underpowered tests produce noise. Calculate required sample size before running. |
Verification
