The skill: Turning a landing page from a feature brochure into a conversion machine. Most startup landing pages look fine and convert terribly. The gap isn't design talent, it's understanding what makes someone act. This skill is about knowing the principles that separate a 2% conversion rate from an 8% one, and applying them systematically.
The conversion equation
Every landing page is a math problem. Three formulas capture the same truth from different angles:
- Purchase Rate = Desire - (Labor + Confusion)
- Clarity + Relevance + Value + Differentiation - Friction = Conversion
- (Push + Pull) must exceed (Anxiety + Inertia)
They all say the same thing. Your page needs to do four jobs:
- Make the value obvious — what do I get? (clarity)
- Make it feel relevant — is this for me? (targeting)
- Make it feel credible — why should I believe you? (proof)
- Make it easy to act — what do I do next? (friction removal)
Most pages over-invest in jobs 1 and 2 (features and benefits) while ignoring 3 and 4 (proof and friction). The key insight: money is made on the anxiety side. One condo project saw sales jump 22% not by improving the condos, but by offering moving services and two years of storage to reduce switching anxiety. No product changes needed.
The hero section
You get two seconds. "1 Mississippi, 2 Mississippi. You get it?" If the answer is no, the page has already failed for most visitors.
The headline is the single highest-leverage element on the page. Analysis of 40,000 landing pages found that copy is 2x more effective than design at driving conversions. Spend 80% of your time here.
The specificity test: "If the visitor reads only this headline, will they know exactly what you sell?" Compare "Improve your workflow" (could be anything) with "Visually design and develop sites from scratch. No coding" (specific product, specific value, specific differentiator).
Three rules for copy: make it concrete, make it visual, make it falsifiable. "Be part of a global creative community" fails all three. "Get feedback from 75 designers" passes all three.
Two power patterns for headlines:
- The "even if" clause — addresses the visitor's biggest hesitation. "Build a professional website, even if you have no design experience."
- The "without" clause — removes the expected cost. "Send personalized emails to 10,000 subscribers, without writing a single line of code."
The subheadline explains how. The headline promises the outcome, the subheadline justifies the claim. One to two sentences. Keep reading momentum.
The hero image should show the product in action. Not a stock photo of happy people. Not an abstract illustration. The actual product doing the thing you just promised. For software, a screenshot or short demo GIF. Let the visitor visualize themselves using it.
Page structure
Don't get creative with structure. Visitors have seen thousands of landing pages. They expect a specific flow, and deviating from it creates confusion, not differentiation. The more you detour from the template, the more confused the average visitor becomes.
Above the fold (the first screen):
- Headline — what you do and why it matters
- Subheadline — how you do it
- Visual — the product in action
- Social proof — logos, customer count, or press mentions
- CTA — one clear next step
Below the fold:
- Features with value framing — not "what it does" but "what you get." Each feature needs a value-driven header, a concise explanation, and a visual showing it in action. Every feature should callback to the hero's main promise, creating a running narrative, not a disjointed list.
- Deeper social proof — testimonials, case studies, specific metrics from real customers
- Objection handling — FAQ section that addresses the three to five reasons people don't buy
- Repeat CTA — same action, fresh angle on why
The attention ratio principle: a landing page should have a 1:1 ratio of things you can do versus things you should do. One page, one goal. Every link, every navigation item, every secondary button that isn't the primary CTA dilutes conversion. Homepages are often 40:1. Dedicated landing pages should be 1:1.
Write copy from customer language, not your own
The most important rule of landing page copy: if research isn't the biggest part of the work, you're doing it wrong. You don't sit down and write landing page copy. You mine it from customers.
Review mining. Read reviews of your product and competitors. Look for repeated phrases, emotional language, and specific frustrations. These are your headlines, not whatever your marketing team brainstormed.
Message mining. Pull exact phrases from support tickets, sales call transcripts, survey responses, and social media. The words your customers use to describe their problem are more persuasive than anything you'll invent, because they match how the next visitor thinks about the problem.
The PAS framework (Problem, Agitate, Solve): Open with the problem as the customer experiences it. Agitate it so the reader feels the pain. Then present your product as the solution. This works because people are more motivated by moving away from pain than toward pleasure.
Match your message to your visitor's awareness level. A visitor from a Google search for "best project management tool" is solution-aware, they're comparing options. Lead with differentiation. A visitor from a blog post about "why remote teams struggle" is problem-aware, they need education first, features second. Most landing pages write for solution-aware visitors and wonder why cold traffic doesn't convert.
Social proof that works
Not all social proof is created equal. The hierarchy:
- Specific metrics from named customers — "Lattice reduced time-to-hire by 40%" beats "our customers love us"
- Logos of recognizable companies — instant credibility transfer. If you lack notable customers, give free accounts to people at known companies, then display those logos.
- Customer count with specificity — "Trusted by 12,847 teams" beats "Trusted by thousands." Odd or precise numbers feel more credible than round ones.
- Testimonials with photos, names, and titles — anonymous quotes are ignored. Real people with real faces and real job titles are trusted.
- Press logos — "As featured in" with publication logos
Place your first social proof immediately after the hero. It answers the visitor's instinctive reaction to your bold headline: "Says who?" The faster you answer that question, the more permission you earn to keep making claims below.
CTAs that convert
The CTA is not a button label. It's the culmination of every argument your page has made.
Copy: Describe the outcome, not the action. "Start building" is better than "Sign up." "Find your next hire" is better than "Create account." The test: does the CTA feel like a natural continuation of the hero's promise?
Placement: At minimum, twice: once in the hero, once after the features section. On longer pages, repeat after every major section. Each repetition should be surrounded by fresh context, not an orphaned button.
Design: Use contrast (the button must be visually distinct from everything around it), encapsulation (wrap the CTA area to draw the eye), and directional cues (arrows, eye gaze, or converging lines pointing toward the button). The specific color matters less than the contrast ratio.
Friction reduction: Every field you add to a form cuts conversion. Ask for the minimum. If you need more information, collect it after the user has experienced value, not before. Make the goal absolutely, blazingly visually obvious and remove everything that competes with it. Dedicated landing pages convert at 28% versus 18% for generic pages.
Address switching forces
The Four Forces of Progress explain why visitors don't convert even when they understand and want your product:
Push (frustration with the status quo) — Your page should name the specific struggling moment. Not "managing projects is hard" but "you're losing track of tasks across Slack, email, and docs, and things are falling through the cracks." Interview ten recent customers to find the three to five struggling moments that cover 90% of your market.
Pull (attraction of the new solution) — Paint the "after" picture. Show the improved version of themselves. Not "our dashboard has 12 features" but "see every project's status in one glance, updated in real time."
Anxiety (fear of the new) — This is where most pages fail. Visitors worry: Will this be hard to set up? What if it doesn't work? What if I lose my data? Counter with: free trials ("try for 14 days, no credit card"), migration support ("import from Asana in one click"), guarantees ("cancel anytime"), and security badges.
Inertia (comfort of the current solution) — Even frustrated people stay with what they know. Show how easy the switch is. Provide import tools, onboarding wizards, side-by-side comparisons showing improvement. Make the path from "I'm interested" to "I'm using it" feel effortless.
Test before you polish
Five-second test: Show your page to someone for five seconds, then ask: "What does this product do? Who is it for?" If they can't answer both, your clarity has a problem, and no amount of visual polish will fix it.
Non-market reviewers first. Before showing the page to potential customers, show it to people outside your market. They catch assumed knowledge, jargon, and clarity gaps that insiders miss.
A/B test the headline first. It has the highest impact on conversion. Test two to three headline variants before touching anything else. Most teams optimize button colors while the headline is doing the real damage.
Message-match with traffic source. Never start a campaign without a dedicated landing page. The headline on the landing page should echo the ad, email, or post that brought the visitor there. Mismatch between traffic source and landing page messaging is one of the most common conversion killers and one of the easiest to fix.
Benchmarks
Do's and Don'ts
Written with ❤️ by a human (still)