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)

Hero (promise + CTA + proof strip)
Problem/agitation or "how it works" (3 steps)
Feature/benefit sections — benefit-led headings; features as evidence
Deep social proof (testimonials with names, faces, companies, specific results)
Pricing (if self-serve)
Objection handling / FAQ
Final CTA section (restate promise)
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.