Your top 3 opportunities, free

Homepage design examples (551)

A homepage is the first page most visitors see. Its job is to say what the product does and send each visitor on to the page they need. See 551 real examples.

How to structure a homepage, by the numbers

The questions a team asks when it rebuilds a homepage, answered from the 551 here.

How many calls to action?

  • One ask, repeated 3 times down the page
  • 75% close on a CTA band
  • 89% add a second button, usually a sales door next to the self-serve one
  • 32% write a line under the button, almost always "no credit card required"
Amplitude homepage
AmplitudeSaaSTwo buttons in the hero, one for self-serve and one for sales.Visit

How is the hero structured?

What the hero shows

  • Product UI
    323 homepages
  • Illustration
    78 homepages
  • Photography
    56 homepages
  • No media at all
    44 homepages
  • Video
    26 homepages
Behiiv homepage
BehiivMarketingA number in the hero, on 31% of homepages.Visit

What comes right after the hero?

The section right after the hero

  • Logo wall or trust bar
    388 homepages
  • Features
    70 homepages
  • Value proposition
    33 homepages
  • Problem
    18 homepages
  • Testimonials
    11 homepages
  • Use cases
    9 homepages
  • How it works
    5 homepages
  • Comparison
    5 homepages

Proof first, then the product. The logo wall is on 82% of the strongest and 51% of the weakest.

Fivetran homepage
FivetranSaaSA logo wall right under the hero. Customer logos are on 73% of homepages.Visit

How many sections?

9 between the navigation and the footer, half of them between 7 and 10.

The most common first three sections

  1. HeroLogo wall or trust barFeatures35% · 195 homepages
  2. HeroLogo wall or trust barValue proposition9% · 51 homepages
  3. HeroLogo wall or trust barProblem9% · 48 homepages
  4. HeroLogo wall or trust barHow it works5% · 28 homepages
  5. HeroFeaturesLogo wall or trust bar4% · 24 homepages

The last section before the footer

  • Closing CTA band
    414 homepages
  • FAQ
    42 homepages
  • Resources
    26 homepages
  • Testimonials
    14 homepages
Calendly homepage
CalendlySaaSA homepage that ends on a call-to-action band, as 75% do.Visit

Which sections?

Share of homepages carrying each section

Three of them split the strongest and the weakest:

  • How it works: 55% against 37%
  • FAQ: 34% against 13%
  • Integrations: 52% against 22%
Supabase homepage
SupabaseDeveloper ToolsA bento grid layout, on 32% of homepages.Visit

Should the homepage show prices?

  • 14% show a price on the homepage
  • 63% put a pricing link in the navigation
Agorapulse homepage
AgorapulseSaaSA pricing link in the navigation, on 63% of homepages.Visit
CrawlRaven homepage
CrawlRavenMarketingReal prices on the homepage, which 14% do.Visit

The moves almost nobody makes

Each sits under 15% of the market, with the strongest homepage that uses it.

A comparison against named alternatives

14% name the alternatives in a table, on their own homepage.

Jesse homepage
JesseLead GenerationA comparison table naming the alternatives, on 14% of homepages.Visit

A hero the visitor can use

9% open with something to try before signing up: a prompt box, a URL field, a live demo.

Firecrawl homepage
FirecrawlSaaSAn interactive hero, on 9% of homepages.Visit

Email capture in the hero

7% put the email field in the hero, ahead of the signup flow.

Getresponse homepage
GetresponseMarketingEmail capture in the hero, on 7% of homepages.Visit
Gabriel Amzallag

Curated by

Gabriel Amzallag , Founder, Web Anatomy

5 years CRO + SEO at Qonto (2021–2025). After advising 15+ SaaS on their websites (Payfit, Pigment…), the same patterns kept breaking, so I decided to build the source of truth on what works on the web: the intelligence layer every tool, builder, and team uses to ship sites that perform.

Go further than homepages

Your top 3 opportunities for more revenue.

We find every way to grow your website’s visibility and conversions: SEO, AI search (AEO), backlinks and mentions, and UX/UI. 3 free opportunities, delivered by email.

FAQ

Homepage design, answered

The questions people ask before rebuilding a homepage, answered from 551 real ones.

What should a homepage include?

01

Across 551 homepages, four things are close to universal: a call to action in the navigation (more than four in five), customer testimonials and a customer logo wall (about three in four each), and a pricing link in the nav (nearly two in three). Those are table stakes. A visitor notices their absence more than their presence, so the design decisions that matter are further down the list.

Should the homepage show pricing?

02

Most do not. Only about one in eight of the homepages here put real prices on the page and about one in twelve carry a full pricing section, while nearly two in three link out to a separate pricing page instead. Showing prices on the homepage is a deliberate minority choice, usually made by products with one simple plan.

What makes a homepage stand out?

03

The rare moves, because almost nobody makes them. An interactive hero call to action appears on fewer than one in ten of these homepages, email capture in the hero on about one in fourteen, and a chat widget on about one in seven. A number in the hero, the kind of concrete proof that replaces an adjective, shows up on about three in ten.

How many homepages mention AI?

04

Just under half of these homepages name AI in the hero headline or the line under it. It is the fastest-moving pattern in the set and the one most likely to date a page, since a headline that leads with the technology says less than one that leads with the result.

What does a homepage hero usually show?

05

Product UI, on nearly three in five. Illustration comes second at about one in seven and photography third at about one in nine. About one in twelve run a hero with no media at all, which is almost always a type-led design carried by the headline.

How is this different from the best landing pages leaderboard?

06

This gallery is a visual browse: what homepages look like and what they contain. The best landing pages benchmark is the graded view, where pages are scored against conversion best practices and ranked by industry. Same companies, different question.