How to Write Landing Pages That Convert: Principles and Examples

What Separates a 2% Landing Page From a 20% One

The average landing page converts at 2.35%, according to Unbounce's Conversion Benchmark Report analyzing over 44,000 landing pages. The top 25% convert at 5.3% or higher. The top 10% hit 11.4%. That means the best landing pages convert five times better than average — and the difference almost always comes down to the same set of principles applied correctly.

A landing page isn't a homepage. It has one job: move a specific visitor toward a specific action. Every element — headline, copy, imagery, social proof, and CTA — either advances that goal or undermines it. There is no neutral. If something doesn't serve conversion, it's dead weight.

This guide breaks down the principles behind landing pages that convert, the frameworks that make writing them systematic rather than guesswork, and the testing methodology that turns good pages into great ones.

The Above-the-Fold Formula

Your visitor decides within 5-8 seconds whether to stay or bounce. The above-the-fold section — what's visible without scrolling — carries the entire weight of that decision. It needs to accomplish three things instantly: communicate what you offer, who it's for, and why they should care.

The Five Essential Above-the-Fold Elements

1. A headline that passes the "so what?" test. Your headline is the most important copy on the page. It should communicate the primary benefit in 10 words or fewer. Not what your product does — what it does for the visitor.

Bad: "AI-Powered Project Management Platform" Better: "Ship Projects 40% Faster Without Burning Out Your Team"

The first tells you what it is. The second tells you why you'd want it.

2. A subheadline that qualifies and clarifies. The subheadline adds the specificity your headline can't carry. If the headline is the promise, the subheadline is the mechanism. "Our AI automatically surfaces blockers, rebalances workloads, and predicts delays — so your team stays focused on building."

3. A hero image or video that shows the outcome. Not a product screenshot — the outcome. A before/after, a dashboard showing improved metrics, a happy team shipping code. Basecamp's landing page famously shows the calm, organized project view — selling the feeling of control, not the software.

4. A primary CTA that's specific and action-oriented. "Get Started" is vague. "Start Your Free 14-Day Trial" tells the visitor exactly what happens when they click and what it costs (nothing, for now). The CTA button should be visually dominant — high contrast against the background, large enough to tap easily on mobile.

5. Trust indicators. Logos of known customers, a count of users ("Trusted by 12,000 teams"), a rating badge ("4.8 stars on G2"), or a brief testimonial. These don't need to be prominent — a subtle row of logos below the CTA is enough to reduce anxiety.

Headline Frameworks That Work

Writing headlines from scratch is hard. These frameworks give you a reliable starting point.

PAS: Problem-Agitate-Solution

The PAS framework opens with the pain, amplifies it, then presents your offering as the resolution.

Problem: "Managing freelancers across five time zones is chaos." Agitate: "Missed deadlines. Duplicated work. Status meetings that eat your entire morning." Solution: "Contra keeps every freelancer aligned with one dashboard — no more chasing updates."

PAS works because it meets visitors where they are (frustrated) before offering a way out. It's especially effective for landing pages targeting pain-aware audiences who already know they have a problem.

AIDA: Attention-Interest-Desire-Action

AIDA is the classic copywriting framework. Each section of your landing page maps to one stage.

Attention: A bold headline that stops the scroll. "Your CRM Is Costing You 10 Deals a Month." Interest: Data or a story that makes them lean in. "We analyzed 2,000 sales teams and found that 34% of qualified leads fall through the cracks due to poor CRM follow-up workflows." Desire: Paint the picture of what life looks like with your solution. "Imagine every lead getting a personalized follow-up within 60 seconds — automatically." Action: A clear, specific CTA. "See it work with your data — book a 15-minute demo."

Before-After-Bridge

Show the visitor their current reality (Before), paint the picture of their ideal outcome (After), and position your product as the bridge between the two. This works especially well for landing pages targeting audiences who aren't yet problem-aware.

Before: "You spend 8 hours a week manually reconciling expenses." After: "What if your books closed themselves every night while you slept?" Bridge: "Pilot automates expense reconciliation for e-commerce brands. Start your free trial."

Social Proof: The Trust Engine

Social proof is the psychological shortcut that tells your visitor "other people like you have tried this and it worked." Without it, your landing page is just you making claims. With it, your claims are backed by evidence.

Types of Social Proof (Ranked by Impact)

1. Specific customer results. "We helped Acme Corp reduce churn by 34% in 90 days" is more persuasive than a hundred logos. Specificity — named company, named metric, named timeframe — is what makes case study proof credible.

2. Testimonials with attribution. A quote with a real name, title, company, and headshot converts significantly better than anonymous reviews. The testimonial should address an objection, not just praise: "I was skeptical about switching CRMs mid-quarter, but the migration took 3 days and we didn't lose a single deal" is more powerful than "Great product, highly recommend."

3. Customer logos. A row of recognizable logos answers the question "who else uses this?" If you have enterprise clients, feature them. If you're early-stage, even 4-6 logos create social proof. The key is that the logos should be brands your target visitor respects.

4. Aggregate numbers. "12,000 teams use [Product]" or "500,000 projects completed" creates volume proof. These numbers work best when they're specific (not rounded to the nearest million) and recent.

5. Third-party validation. G2 badges, Capterra ratings, industry awards, and media mentions ("As seen in TechCrunch"). These borrow credibility from trusted external sources.

Placement Strategy

Don't dump all your social proof in one section. Distribute it throughout the page:

• Customer logos immediately below the hero section
• A testimonial addressing the biggest objection next to the CTA
• A case study snippet in the benefits section
• Aggregate numbers in the hero or above the fold
• Third-party badges near the final CTA

Each piece of social proof should appear right when the visitor is most likely to hesitate.

CTA Best Practices

Your call-to-action button is where conversion happens or dies. Small changes to CTA copy, design, and placement can swing conversion rates by 20-40%.

Be specific about what happens next. "Start Your Free Trial" tells visitors what to expect. "Submit" tells them nothing. "Get My Custom Report" is even better — it implies they'll receive something valuable.

Use first-person language. Unbounce found that changing CTA copy from "Start your free trial" to "Start my free trial" increased clicks by 90%. First-person framing creates psychological ownership.

Reduce commitment anxiety. Add microcopy below the CTA: "No credit card required," "Cancel anytime," "Setup takes 2 minutes." These tiny reassurances address the objections that stop people from clicking.

Repeat the CTA. A long landing page should have the CTA in at least three locations: above the fold, after the benefits section, and at the bottom. Each CTA placement catches visitors at different stages of readiness.

Make it visually impossible to miss. The CTA button should be the highest-contrast element on the page. If your page is blue and white, an orange button pops. If it blends into the design, it's invisible.

A/B Testing: Turning Good Into Great

Once your landing page is live, optimization begins. A/B testing — showing two versions to different visitors and measuring which converts better — is the systematic way to improve performance over time.

What to Test (In Order of Impact)

1. Headlines. Test different value propositions, not just different phrasings. "Save 10 Hours a Week" vs. "Never Miss Another Deadline" are testing different emotional triggers.

2. CTA copy and color. Test action verbs, first-person vs. second-person, and button colors. These are quick tests with fast statistical significance.

3. Social proof type and placement. Test testimonials vs. customer logos vs. aggregate numbers. Test above-the-fold placement vs. mid-page.

4. Page length. For high-consideration purchases (expensive software, consulting services), longer pages with more detail often outperform short ones. For low-consideration actions (newsletter signup, free tool), shorter pages win. Test to confirm.

5. Form fields. Every additional form field reduces conversions by approximately 11%, according to HubSpot's research. Test whether you really need "Company Size" and "Job Title" or if name and email are sufficient.

Testing Discipline

Run one test at a time. Testing multiple variables simultaneously (multivariate testing) requires 10-50x more traffic to reach statistical significance.

Wait for significance. Don't call a winner after 50 visitors. Most tools require a minimum of 250-400 conversions per variant to reach 95% statistical significance. For a page converting at 5%, that's 5,000-8,000 visitors per variant.

Document everything. Keep a log of every test: hypothesis, variants, traffic, results, and learnings. Over time, this becomes your institutional knowledge about what your specific audience responds to.

Real-World Examples

Slack's landing page leads with "Made for people. Built for productivity." — positioning against the perception that enterprise tools are cold and inhuman. The hero shows the actual product in use, the CTA is "Get Started Free" (specific, low-commitment), and customer logos include IBM, Airbnb, and NASA. Clean, focused, and clearly communicating who it's for.

Shopify's free trial page uses a single input field (email address) above the fold. The headline "Start your free trial" is paired with "Try Shopify free for 3 days, no credit card required." The entire above-the-fold section is one headline, one input field, and one button. Minimal friction, maximum clarity.

Basecamp takes a longer-form approach, scrolling through specific pain points ("Before Basecamp: scattered messages, missed deadlines, confusion") and the corresponding solutions ("After Basecamp: everything in one place"). Their social proof is woven throughout: "Over 75,000 companies switched to Basecamp." It works because the longer format matches the considered purchase — switching project management tools is a big decision.

Common Mistakes to Avoid

Navigation menus on landing pages. Every link that isn't your CTA is a potential exit. Remove headers, footers, and sidebars. The visitor has two choices: convert or leave.

Talking about features instead of outcomes. "256-bit encryption" means nothing to most visitors. "Your data is protected by bank-level security" means everything. Translate every feature into the benefit the visitor cares about.

Generic stock photography. A smiling woman in a headset doesn't build trust. It signals "we couldn't be bothered to create real imagery." Use screenshots, product demos, illustrations, or real photos of your team and customers.

Weak or missing mobile optimization. Over 60% of web traffic is mobile. If your landing page isn't designed mobile-first — with tap-friendly buttons, readable text, and fast load times — you're losing more than half your potential conversions.

Conclusion

High-converting landing pages follow a pattern: a clear headline that communicates the benefit, copy that addresses objections before the visitor thinks of them, social proof that builds trust at every decision point, and a CTA that's specific, visible, and low-friction. Start by nailing the above-the-fold experience, build trust through the body, and test systematically once you have traffic. The difference between a 2% and a 10% conversion rate isn't design talent or copywriting genius — it's disciplined application of these principles. Every improvement in your landing page conversion multiplies the return on every dollar you spend on SEO, Google Ads, or email marketing driving traffic to it.