Your competitors' sections in Figma
Skip to content
WebAnatomy
Get startedSign in

Homepage Design Examples (606)

The homepage is the most important page on the site. It takes the traffic in and sends it on to every other page. Browse 606 real ones, captured live, and see what the market actually does.

What the strongest homepages do differently

Sorting these 606 homepages by how they score against the conversion rubric, then comparing the strongest 121 with the weakest 121, is the fastest way to see what actually separates them.

Facet share among the strongest and weakest 121 homepages
Strongest 121Weakest 121Share of homepages in each band, 0 to 100%

Proof

  1. 36%88%
  2. 47%93%
  3. 14%50%
  4. 17%53%
  5. 51%78%
  6. 25%48%
  7. 25%47%
  8. 23%39%

Pricing

  1. 46%78%
  2. 6%21%

Explaining the product

  1. 20%46%
  2. 15%36%
  3. 37%53%
  4. 49%34%

Layout

  1. 40%64%
  2. 16%32%

Other

  1. 83%98%

How to structure a homepage, by the numbers

The questions a team asks when it rebuilds a homepage, answered from the 606 here. Where the strongest 121 and the weakest 121 disagree, that gap is the answer.

How many calls to action?

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

How is the hero structured?

What the hero shows

  • Product UI
    347 homepages
  • Illustration
    87 homepages
  • Photography
    68 homepages
  • No media at all
    50 homepages
  • Video
    29 homepages
Behiiv homepage
BehiivMarketingA number in the hero, which 7 in 10 skip.Visit

What comes right after the hero?

The section right after the hero

  • Logo wall or trust bar
    419 homepages
  • Features
    84 homepages
  • Value proposition
    35 homepages
  • Problem
    20 homepages
  • Testimonials
    11 homepages
  • Use cases
    10 homepages
  • Comparison
    7 homepages
  • How it works
    5 homepages

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

How many sections?

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

The most common first three sections

  1. HeroLogo wall or trust barFeatures34% · 205 homepages
  2. HeroLogo wall or trust barProblem9% · 55 homepages
  3. HeroLogo wall or trust barValue proposition9% · 54 homepages
  4. HeroLogo wall or trust barHow it works5% · 31 homepages
  5. HeroFeaturesLogo wall or trust bar4% · 26 homepages

The last section before the footer

  • Closing CTA band
    446 homepages
  • FAQ
    49 homepages
  • Resources
    30 homepages
  • Testimonials
    17 homepages

Which sections?

Share of homepages carrying each section

Three of them split the strongest and the weakest:

  • How it works: 53% against 37%
  • FAQ: 36% against 15%
  • Integrations: 46% against 20%
BrowserAct homepage
BrowserActAIA bento grid layout, on 31% of homepages.Visit

Should the homepage show prices?

  • 14% show a price on the homepage
  • 62% put a pricing link in the navigation
Calendly homepage
CalendlySaaSReal 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.

CrawlRaven homepage
CrawlRavenMarketingA 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

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

Getresponse homepage
GetresponseMarketingEmail capture in the hero, on 6% 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.

View full profile

Go further than homepages

MCP

Section ideas, from inside your editor

Ask your coding agent for the strongest sections of a homepage in your industry. It answers from this benchmark, section by section.

Install the MCP

Library

The analysis behind every page here

Each homepage on this page, section by section, with what works and what does not. Free account.

Open the library

Didn't find the homepage you were looking for?

Every other page type has its own gallery. Or drill into one section, or jump to an industry view. Start from all page types.

See how your own homepage compares

Paste a URL and get a scored breakdown against the same best practices, with the fixes ranked by impact. Free, no signup.

Analyze my homepage
FAQ

Homepage design, answered

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

What should a homepage include?

01

Across 606 homepages, four things are close to universal: a call to action in the navigation (84%), customer testimonials (74%), a customer logo wall (74%), and a pricing link in the nav (62%). 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 13% of the homepages here put real prices on the page and only 8% carry a full pricing section, while 62% 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 9% of these homepages, email capture in the hero on 6%, and a chat widget on 7%. A number in the hero, the kind of concrete proof that replaces an adjective, shows up on 30%.

How many homepages mention AI?

04

Just under half. 49% 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 58% of them. Illustration comes second at 14% and photography third at 11%. 8% 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.