How to build a landing page that actually converts
I've built or reviewed over 200 landing pages in my career. Most of them followed the same pattern: pretty design, vague headline, wall of features nobody reads, and a conversion rate hovering around 1%. The ones that actually converted—5%, 8%, sometimes 12%—all shared the same structure. Not the same design. The same structure.
That's what I'm going to give you. The section-by-section breakdown of a landing page that converts, with the reasoning behind each piece and real numbers from pages I've worked on.
The hero section: your 5-second pitch
Your visitor decides whether to stay or leave within 5 seconds. The hero section is your entire argument compressed into a headline, a subheadline, and a button.
The headline should state the outcome your customer wants. Not what your product does—what the customer gets. "Send invoices 10x faster" beats "AI-powered invoicing platform." "Get your first 100 customers without ads" beats "Growth marketing automation tool."
Be specific. Numbers help. "Save 10 hours per week on client reporting" is better than "Save time on reporting." Specificity creates believability.
The subheadline adds one layer of how. Keep it to one sentence. "TaskFlow automatically tracks hours, generates reports, and sends them to clients every Friday." That's enough. The visitor now knows what outcome they get and roughly how your product delivers it.
The CTA button should say what happens when they click. "Start free trial" is clearer than "Get started." "See pricing" is more honest than "Try it now" if clicking takes them to a pricing page. Match the button text to the actual next step.
The hero image or demo. Show your product. A screenshot, a short video, or an animated GIF of the product in action. Visitors want to see the thing before they engage further. Abstract illustrations of people high-fiving don't convert. Product screenshots do.
On our highest-converting page, we tested a hero with an abstract graphic versus a product screenshot. The screenshot version converted at 7.2%. The abstract version converted at 3.1%. Same headline, same copy, same button. Just the image changed.
Social proof: reduce the fear
Right below the hero, add social proof. Logos of companies using your product. Number of users. A quote from a customer. Anything that tells the visitor "other people trust this."
The psychology is simple. Your visitor is thinking "is this legit?" before they're thinking "is this useful?" Social proof answers the first question so they can focus on the second.
If you're pre-launch and don't have customers yet, use beta user counts, waitlist numbers, or testimonials from beta testers. Even "47 teams signed up this week" creates trust. Don't fake numbers. But don't hide legitimate traction either.
For AstroMVP, adding a row of "Built with our skills" logos below the hero increased scroll depth by 40%. People stayed longer and converted more because they saw evidence that the product worked for others.
Features: solve problems, don't list capabilities
The features section is where most landing pages lose people. They turn into a laundry list of capabilities that reads like a spec sheet. Nobody cares about capabilities. People care about problems being solved.
Instead of "Advanced reporting dashboard," write "See exactly where your time goes every week." Instead of "Multi-tenant architecture," write "Your team gets their own workspace, separate from everyone else."
Structure each feature as: problem statement, how your product solves it, and a visual showing the solution. Three to six features is the sweet spot. More than six and you're overwhelming people. Fewer than three and you look lightweight.
Order matters. Put the feature that addresses your customer's biggest pain point first. If you're not sure what that is, ask five potential customers what their biggest frustration is with the current way they do things. The answer goes at the top.
Pricing: be transparent
Hiding pricing kills conversion. I've tested this multiple times. Pages with visible pricing convert at 2x to 3x the rate of pages that say "Contact us for pricing."
Show your plans. Make the recommended plan visually prominent. Include a free tier or trial if you have one—this dramatically reduces friction for first-time signups.
For each plan, list what's included in plain language. Avoid vague feature names. "Unlimited projects" and "Email support within 24 hours" are clear. "Premium features" and "Priority support" are not.
If your pricing is simple (one plan, one price), make that a selling point. "One plan. $29/month. Everything included." Simplicity converts because it eliminates decision fatigue.
FAQ section: handle objections
Your FAQ section isn't really about answering questions. It's about overcoming objections. Every question in your FAQ should be a concern that stops someone from signing up.
Common objections you need to answer:
- "Is this worth the money?" (answer with ROI or comparison to alternatives)
- "Will this work for my use case?" (answer with breadth of applicability)
- "What if I don't like it?" (answer with money-back guarantee or free trial)
- "Do I need to be technical?" (answer with ease-of-use details)
- "How is this different from [competitor]?" (answer with your specific advantage)
Four to six FAQ items is enough. Bonus: add FAQ schema markup so these answers can appear in Google search results. The Landing Page Builder skill includes FAQ schema generation automatically.
Final CTA: the last push
End your page with one more CTA section. Repeat your headline (or a variation), add a sentence of urgency or reinforcement, and include the same button from your hero section.
This catches the visitors who scrolled through everything and are ready to act. Without a final CTA, they'd have to scroll all the way back to the top. Friction kills conversion, even friction as small as scrolling up.
The numbers
Here are real conversion rates from pages I've worked on:
- Pages with all six sections in this order: 5% to 12% conversion
- Pages missing social proof: 2% to 4%
- Pages with hidden pricing: 1% to 3%
- Pages with no FAQ section: 3% to 5% (objections go unanswered)
- Pages with abstract hero images instead of product screenshots: 30% to 50% lower conversion
These numbers assume warm-ish traffic (blog readers, social media followers, referrals). Cold ad traffic converts lower across the board, usually 1% to 4% even with a perfect page.
Build it in an afternoon
If you're using Claude Code, the Landing Page Builder skill generates this exact structure. Hero, social proof, features, pricing, FAQ, final CTA. You describe your product and the agent builds a complete landing page following these conversion patterns.
You can have a high-converting landing page live before dinner. Not a template that looks like every other startup. A custom page built around your product, your value proposition, and your customer's pain points.
The structure is what converts. The design just needs to stay out of the way.
Frequently Asked Questions
What is a good conversion rate for a landing page?
For SaaS and startup products, 2% to 5% is average, 5% to 10% is good, and above 10% is excellent. These rates depend on traffic source, industry, and how well your offer matches visitor intent. Warm traffic from content or referrals converts at 2x to 3x the rate of cold ad traffic.
What sections should a high-converting landing page have?
Hero section with a clear value proposition and CTA, social proof (logos, testimonials, metrics), features framed as problem-solutions, transparent pricing, an FAQ section that addresses buying objections, and a final CTA at the bottom. This order mirrors the decision-making process your visitors go through.
How do I write a good landing page headline?
State the outcome your customer wants in specific, plain language. Lead with the result, not your product's features. "Get paid 3x faster" beats "Automated invoice management." Use numbers when possible. Avoid jargon. Test two versions if you can—headlines have the single biggest impact on conversion rate.