---
id: conversion-ux
title: "Conversion UX — Landing Pages, CRO, Trust"
category: ux
platform: web
tags: [conversion, cro, landing-page, cta, social-proof, pricing]
sources: ["https://www.nngroup.com/articles/conversion-rate/", "https://cxl.com/blog/"]
updated: 2026-07-08
---

# Conversion UX — Landing Pages, CRO, Trust

## The above-the-fold contract

Within 5 seconds a visitor must be able to answer: **What is this? Who is it for? Why should I care? What do I do next?**

- Headline: outcome-focused, specific, ≤10 words ("Ship your app in days, not months" — not "Welcome to X" or vague "Empower your workflow").
- Subheadline: 1–2 lines expanding the how/who.
- One primary CTA above the fold; optional low-commitment secondary ("See demo").
- Real product visual (screenshot/video) beats abstract illustration for SaaS.
- Social-proof strip (logos / rating / user count) immediately under the hero.

## Page narrative (proven order)

1. Hero (promise + CTA + proof strip)
2. Problem/agitation or "how it works" (3 steps)
3. Feature/benefit sections — benefit-led headings; features as evidence
4. Deep social proof (testimonials with names, faces, companies, specific results)
5. Pricing (if self-serve) 
6. Objection handling / FAQ
7. Final CTA section (restate promise)
8. Footer

Repeat the CTA every 1.5–2 viewport heights. All CTAs on one page → same action (one conversion goal per page).

## CTA optimization

- First-person, value-forward labels test well: "Start my free trial", "Get the template" > "Submit", "Learn more".
- Reduce perceived risk beside the CTA: "Free 14-day trial · No credit card required · Cancel anytime".
- Contrast: CTA should be the highest-contrast element in its viewport; if you screenshot and squint, the CTA must be the first thing you see.

## Forms & signup friction

- Every field costs conversion: signup = email + password (or SSO only). Ask for the rest later (progressive profiling).
- Multi-step beats single long form; start with the easy/engaging question (commitment escalation).
- Show value before the wall: interactive demo, free tier, sample output.

## Trust & credibility (Stanford guidelines, operationalized)

- Specificity sells: "12,483 teams" > "thousands of teams"; "reduced churn 23%" > "improves retention".
- Testimonials: full name + photo + role/company + concrete result. Anonymous quotes are worse than none.
- Security/compliance badges near payment and signup (SOC2, GDPR, Stripe).
- Visible humans, physical address, responsive support links; polished 404s and error states — sloppy edges leak distrust.
- Price transparency: hiding pricing behind "Contact us" for a self-serve-priced product kills qualified traffic.

## Pricing page patterns

- 3 tiers, middle highlighted ("Most popular") — anchor high tier first on enterprise-leaning products.
- Per-tier CTA; feature comparison collapsed below the cards; annual/monthly toggle with savings label ("Save 20%").
- Answer the top 5 objections in FAQ on the pricing page itself (refunds, cancellation, limits, security, migration).

## Urgency & ethics

Real scarcity/deadlines only. Fake countdowns, hidden costs at checkout, confirm-shaming ("No thanks, I hate saving money"), forced continuity, and roach-motel cancellations are dark patterns — they convert once, destroy LTV and brand, and increasingly are illegal (FTC/EU).

## Measurement

- One primary conversion metric per page; instrument scroll depth, CTA clicks, form-field drop-off.
- A/B test one variable at a time; headline and hero tests move numbers more than button-color tests.
- Speed is CRO: every second of load costs ~5–10% conversions; mobile experience is the majority experience.

## Anti-patterns

- Carousel heroes (message dilution; slide 2+ is never seen); auto-playing sound.
- Multiple competing CTAs ("Sign up" + "Contact" + "Download" equally weighted).
- Wall-of-features tables with no benefits framing; jargon headlines ("Synergize your workflows").
- Newsletter modal before the visitor reads a single paragraph.
- Stock photos of handshakes/headsets standing in for a real product.