Seven essential elements every SaaS landing page needs

Executive overview

A landing page has one job: convert visitors into paying customers. Most founders under-invest in it, starting with a weak headline and adding complexity without purpose.

Three elements belong above the fold before launch: a problem-focused headline, a supporting sub-headline, and a clear call to action. After launch, layer in product screenshots, social proof, pricing access, and a benefits section below the fold.

The best landing pages don't describe your product — they show the customer what they gain.

The three above-the-fold essentials

  • Headline (H1): State the problem solved and for whom — not what the product is
  • Avoid generic labels ("XYZ is an app for…"); name the outcome ("Spend 10x less time on product management")
  • Sub-headline (H2): Expand on the H1 — explain the product in natural language, surface key differentiators
  • Call to action: One action, no scrolling required — email signup pre-launch, signup button post-launch
  • Reduce all distractions around these three elements; they should dominate the viewport

Product previews (post-launch)

  • Screenshots give visitors a preview of what they're signing up for
  • Embedded founder walkthrough video (e.g. Loom) adds personality beyond static images
  • Interactive in-page demo lets visitors try the product before signing up — highest effort, highest impact

Social proof (in order of difficulty)

  1. Customer logos — simplest; signals that real businesses use the product
  2. Social media embeds — actual customer posts from platforms they control; harder to fake than quotes
  3. Text testimonials — short, readable, with photo and name; avoid carousels that auto-scroll
  4. Wall of testimonials — volume signals broad adoption
  5. Video testimonials — most compelling; a real customer on camera builds strong trust
  6. Case study links — dedicated pages with data and results; link from the landing page

Pricing and features

  • Always include a pricing link in navigation — a large segment of visitors will bounce without it
  • If pricing is custom, use a "Request pricing" page rather than omitting the nav item entirely
  • Features and benefits belong below the fold — this is where depth is appropriate
  • Use screenshots paired with longer descriptions for each key feature

Design and conversion principles

  • White space makes each section scannable; crowded pages cause bounces
  • Add secondary CTAs mid-page and at the bottom — don't force users to scroll back to the top
  • Remove outbound links that pull visitors away from the page
  • Keep forms short: email and first name is usually enough
  • Optimise image and video load times — slow pages lose visitors before they read anything
  • Test mobile: the H1, H2, and CTA must all appear above the fold on a phone

Iteration over perfection

  • Launch with the basics; a landing page is never finished
  • Add tracking (e.g. Google Analytics) from day one to measure bounce rate and CTA clicks
  • Use data to prioritise what to add or change next
  • For mature products with distinct use cases, create separate landing pages per use case with tailored copy

More like this — when you're ready for early access.

Join the waitlist for a personal account and content recommendations based on what you're working on.

No spam. Unsubscribe at any time.

You're on the list. We'll be in touch before launch.

Get early access to the full library.

Join the waitlist for a personal account and content recommendations based on what you're working on.

No spam. Unsubscribe at any time.

You're on the list. We'll be in touch before launch.

Be among the first to get personalised recommendations tailored to your stage in business.

No spam.

You're on the list. We'll be in touch before launch.

Be among the first to get personalised recommendations tailored to your stage in business.

No spam.

You're on the list. We'll be in touch before launch.