| name | conversion-rate-optimization-fundamentals |
| description | Use when designing any page or section with a conversion goal (signup, demo, trial, purchase).
Covers the LIFT framework, the five conversion factors in order of impact, and how to design for
conversion without being sleazy.
|
Conversion Rate Optimization Fundamentals
Conversion isn't manipulation. It's removing friction between intent and outcome.
The five conversion factors (in order of impact)
- Value clarity — Does the user understand what this is in 5 seconds? Most "low converting" pages are unclear, not unpersuasive.
- Relevance to visitor — Is this what THEY came for?
- Friction removal — Form fields, required login, payment-up-front.
- Anxiety reduction — Trust signals, money-back, "no card required."
- Distraction reduction — Too many CTAs, too many options, too much copy.
Fix in this order.
The LIFT framework
- Value proposition — primary driver
- Relevance — does the page match the ad/email/source?
- Clarity — can a 12-year-old summarize it?
- Distraction — what's pulling the user away from the CTA?
- Anxiety — what fears does the user have right now?
- Urgency — is there a real reason to act now?
Above-the-fold
In the visible viewport on first load:
- One clear value proposition (headline)
- One sentence of supporting context
- One primary CTA
- One trust signal
Avoid multiple CTAs, hero video, three-paragraph subhead, every persona named.
CTA design
- Highest visual contrast on the page
- First-person verb language ("Start my trial" not "Trial signup")
- ONE clear function
- Repeat at logical scroll points
Form friction
For every field, ask: "Is this needed RIGHT NOW?" If not, defer.
A 4-field signup converts 60–80% better than 9-field.
Trust signals that work
| Signal | When it works |
|---|
| Named customer logos | 3+ recognizable, with permission |
| Quote testimonials | Specific quotes with name + role |
| Numerical outcomes | Substantiated ("cut CSA 30% in 12 months") |
| Money-back guarantee | When you mean it |
| Security badges | When you actually have them |
Anti-patterns (sleazy CRO)
- Fake countdowns
- Fake "X people just bought" notifications
- Pre-checked upsell checkboxes
- Hard-to-find cancel
- Forcing account creation to see pricing
- Hidden fees at checkout
These convert short-term and destroy LTV long-term.
Common mistakes
- Designing hero before value prop is clear
- Three CTAs in hero — splits attention
- Trust signals only at the bottom of the page
- Pricing page without comparison context
- "Get started" without specifying what happens next
Where this fits in X3 Compass
X3 Compass hero leads with strikethrough $130K → $79, one primary CTA (Start free), one secondary (See pricing), trust signals in same viewport.
