Skip to main content

20 real pages

SaaS homepage examples

Twenty SaaS homepages as a visitor first sees them, on desktop and phone, with what each does well.

20 widely used software companies across 19 product categories, chosen before any page was scored; every page is the company's own live page, captured by us. Ranked by checks passed, out of five, then by the shorter page on a phone.

The usual miss

9 of the 20 homepages show no proof in the first phone screen. Logos sit one scroll down.

What the top pages share

Miro and Ramp put the button, the product and proof on one phone screen, under a short headline.

The five checks

  • Short headline

    The headline is eight words or fewer.

  • Start button

    A sign-up or demo button sits in the first phone screen.

  • Product shown

    The first phone screen shows the product itself.

  • Proof up top

    Logos, ratings or a usage count show in the first phone screen.

  • Free start

    The first phone screen says you can start free.

  1. Miro homepage on desktop
    Miro homepage on a phone

    #1 · Whiteboard

    Miro

    5 of 5 checks12 phone screens long

    What it does well

    The board itself fills the first phone screen, right under a no-credit-card button.

    • Short headline
    • Start button
    • Product shown
    • Proof up top
    • Free start
  2. Ramp homepage on desktop
    Ramp homepage on a phone

    #2 · Spend management

    Ramp

    5 of 5 checks17 phone screens long

    What it does well

    A live payments counter sits above the headline as proof before any scroll.

    • Short headline
    • Start button
    • Product shown
    • Proof up top
    • Free start
  3. Notion homepage on desktop
    Notion homepage on a phone

    #3 · Workspace

    Notion

    4 of 5 checks5 phone screens long

    What it does well

    Two buttons and a row of customer logos fit on the first phone screen.

    • Short headline
    • Start button
    • Proof up top
    • Free start

    Misses: product shown

  4. Mailchimp homepage on desktop
    Mailchimp homepage on a phone

    #4 · Email marketing

    Mailchimp

    4 of 5 checks9 phone screens long

    What it does well

    Star ratings from review sites sit right under the trial button.

    • Short headline
    • Start button
    • Proof up top
    • Free start

    Misses: product shown

  5. Zapier homepage on desktop
    Zapier homepage on a phone

    #5 · Automation

    Zapier

    4 of 5 checks13 phone screens long

    What it does well

    Two free start buttons, email or Google, so visitors skip the signup form.

    • Short headline
    • Start button
    • Proof up top
    • Free start

    Misses: product shown

  6. Slack homepage on desktop
    Slack homepage on a phone

    #6 · Team chat

    Slack

    4 of 5 checks14 phone screens long

    What it does well

    The app window shows a real channel right under the logos.

    • Short headline
    • Start button
    • Product shown
    • Proof up top

    Misses: free start

  7. Clay homepage on desktop
    Clay homepage on a phone

    #7 · Sales data

    Clay

    4 of 5 checks15 phone screens long

    What it does well

    A customer count and logos sit right under the trial and demo buttons.

    • Short headline
    • Start button
    • Proof up top
    • Free start

    Misses: product shown

  8. Dropbox homepage on desktop
    Dropbox homepage on a phone

    #8 · File storage

    Dropbox

    4 of 5 checks15 phone screens long

    What it does well

    The file browser is the hero image, so visitors see the product first.

    • Short headline
    • Start button
    • Product shown
    • Free start

    Misses: proof up top

  9. Loom homepage on desktop
    Loom homepage on a phone

    #9 · Video messaging

    Loom

    4 of 5 checks18 phone screens long

    What it does well

    One button to start free, with a recorded video playing just below.

    • Short headline
    • Start button
    • Product shown
    • Free start

    Misses: proof up top

  10. Calendly homepage on desktop
    Calendly homepage on a phone

    #10 · Scheduling

    Calendly

    4 of 5 checks22 phone screens long

    What it does well

    Sign up with Google or Microsoft in one tap, with no form.

    • Short headline
    • Start button
    • Product shown
    • Free start

    Misses: proof up top

  11. Vercel homepage on desktop
    Vercel homepage on a phone

    #11 · Developer platform

    Vercel

    3 of 5 checks8 phone screens long

    What it does well

    A two-word headline and a single deploy button, then customer logos.

    • Short headline
    • Start button
    • Proof up top

    Misses: product shown, free start

  12. Canva homepage on desktop
    Canva homepage on a phone

    #12 · Design

    Canva

    3 of 5 checks9 phone screens long

    What it does well

    The headline asks a question, and the button answers it: start designing.

    • Short headline
    • Start button
    • Product shown

    Misses: proof up top, free start

  13. Airtable homepage on desktop
    Airtable homepage on a phone

    #13 · Database apps

    Airtable

    3 of 5 checks10 phone screens long

    What it does well

    A free start button and a demo button, stacked at full width on phones.

    • Start button
    • Proof up top
    • Free start

    Misses: short headline, product shown

  14. Asana homepage on desktop
    Asana homepage on a phone

    #14 · Work management

    Asana

    3 of 5 checks11 phone screens long

    What it does well

    The signup form is the hero: Google, Microsoft or work email.

    • Short headline
    • Start button
    • Product shown

    Misses: proof up top, free start

  15. Intercom homepage on desktop
    Intercom homepage on a phone

    #15 · Customer service

    Intercom

    3 of 5 checks13 phone screens long

    What it does well

    A review count and a 14-day free trial line sit above the fold.

    • Start button
    • Proof up top
    • Free start

    Misses: short headline, product shown

  16. Attio homepage on desktop
    Attio homepage on a phone

    #16 · CRM

    Attio

    3 of 5 checks19 phone screens long

    What it does well

    The demo form asks for one field, a work email, and nothing else.

    • Short headline
    • Start button
    • Product shown

    Misses: proof up top, free start

  17. Stripe homepage on desktop
    Stripe homepage on a phone

    #17 · Payments

    Stripe

    3 of 5 checks25 phone screens long

    What it does well

    A live payments ticker and big-name logos prove scale on the first screen.

    • Short headline
    • Start button
    • Proof up top

    Misses: product shown, free start

  18. Linear homepage on desktop
    Linear homepage on a phone

    #18 · Project tracking

    Linear

    2 of 5 checks7 phone screens long

    What it does well

    The product fills the hero on a dark page, with no stock imagery.

    • Short headline
    • Product shown

    Misses: start button, proof up top, free start

  19. HubSpot homepage on desktop
    HubSpot homepage on a phone

    #19 · CRM and marketing

    HubSpot

    2 of 5 checks11 phone screens long

    What it does well

    Demo and free start buttons sit side by side, so both buyers find theirs.

    • Start button
    • Free start

    Misses: short headline, product shown, proof up top

  20. Figma homepage on desktop
    Figma homepage on a phone

    #20 · Design

    Figma

    2 of 5 checks12 phone screens long

    What it does well

    Real designs made in the product fill the first desktop screen.

    • Short headline
    • Product shown

    Misses: start button, proof up top, free start

Build it, then learn what converts

Homepage questions

What should a SaaS homepage show first?
A headline that says what the product gets done, one button to start, the product itself and a reason to trust it. Miro and Ramp fit all four on the first phone screen.
How long should a SaaS homepage be?
On a phone, the 20 homepages here run from about 5 to 25 screens. Length matters less than the first screen: visitors who don't see a reason to stay never reach the rest.
How do I build a SaaS homepage like these?
Click Build a page like this on any example. Replo opens with a prompt for that layout, ready for your product, pricing and brand, and publishes it on your own domain.