Landing page best practices
Twenty-five patterns that separate landing pages that convert from ones that don't.
Most landing pages fail in the same handful of ways: a hero that doesn't match the ad, a CTA hidden under three paragraphs, social proof that says nothing, and a form that asks for things the visitor isn't ready to share. Here are twenty-five patterns that quietly separate pages that convert from pages that don't.
Match the ad to the page
The single biggest leak on most landing pages happens before the visitor reads a word. They clicked an ad about "AI-powered scheduling for clinics" and landed on a page headlined "Modern software for modern teams." The promise broke in the first 200 milliseconds, and bounce rate did the rest.
Message match is mechanical. The headline should echo the ad's primary phrase. The hero image should reflect the ad creative. The offer should be the one the ad named. If you ran six ad variants, you probably need six landing page variants — not one generic page hoping to absorb them all.
Make the hero earn its real estate
The first viewport — roughly the top 600 pixels — is the most expensive piece of property on your site. Most teams fill it with a stock photo and a vague tagline. The teams that convert use it for five things: a specific headline, a clarifying subhead, a primary CTA, one piece of social proof, and a visual that shows the product or outcome.
For the headline itself, see hero section copy formulas. The short version: name the outcome, name the user, or name the category. Don't be clever above clear.
Design the CTA like it matters
It does. The CTA is the only thing on the page that produces revenue, and it gets less attention than the footer copyright on most pages. A few patterns hold up:
- One primary CTA per page. Two CTAs of equal weight is a tie, and ties don't convert.
- High-contrast color. The button should be the brightest thing on the screen, not on-brand at the cost of being invisible.
- Verb-first copy. "Get my free audit" beats "Submit." "Start my 14-day trial" beats "Sign up."
- Repeat below the fold. Long pages need a CTA every screen-height or so. The visitor shouldn't have to scroll back up to act.
Full breakdown in CTA button design and copy.
Use social proof that does work
"Trusted by thousands" is wallpaper. The proof that converts is specific, named, and relevant to the visitor in front of you. Logos of companies the visitor knows. Numbered results from a customer in their industry. A testimonial that names the objection the visitor is currently feeling.
Three patterns earn their pixels:
- Logo strip with a caption. Logos alone are weak; "12,000 SaaS teams ship faster with Woobox" makes the logos do work.
- Result-anchored testimonial. "We cut signup friction in half" beats "Great product."
- Identity-matched quote. A quote from someone in the visitor's role at a similar-sized company is worth ten generic quotes.
Strip the form to the floor
Every field you add costs you entries. The question is whether each field earns its keep. For top-of-funnel pages, email alone is often enough. For demo requests, name + work email + company is a reasonable floor. Asking for phone number, company size, and use case on first contact is a tax most visitors won't pay.
Two upgrades that almost always pay back: progressive disclosure (ask the easy question first, then unlock follow-ups), and inline validation (tell the user the email is malformed before they submit, not after).
Shape the page to the decision
Length is not the variable. Match-to-decision is. A $9 impulse purchase needs a short page; a $40K annual contract needs a long one. Cold traffic needs more context than retargeted traffic. The right length is whatever it takes to answer every objection a visitor in your traffic mix is currently holding — and not one section more.
Run the test, but run the right test. A/B testing the right way covers what to test first and how to read the results without fooling yourself.
Design mobile-first, not mobile-tolerant
Most paid traffic is on a phone. Most landing pages were designed on a 27-inch monitor. The result is a page that works fine in mockups and falls apart in the field. Tap targets should be at least 44 pixels tall. Forms should fit one column. Hero images should not be the thing that pushes the CTA off the first viewport. See mobile landing page optimization for the full pattern set.