What Should You Put on Your SaaS Homepage Above the Fold? (2026 Conversion Guide)

Your SaaS homepage hero is the single piece of marketing you will edit the most and look at the least.

Every team I work with treats the hero like a museum exhibit. They build it once. They argue about the headline for 3 weeks. They ship it. They never test it again. Meanwhile, that hero is doing 80 percent of the conversion work for every campaign, ad, and email they run.

The teams that treat their hero like the conversion engine it is get outsized returns. PeopleOS rewrote their hero, added a 75 second explainer video, and lifted homepage conversion from 1.8 percent to 2.4 percent. A 34 percent lift in 60 days. At their traffic volume, that was an extra $1.2M in pipeline annually.

This guide is the exact 5 element framework that drove that lift and dozens like it. Use it as a checklist next time you audit your hero.

The 3 second test every hero must pass

Before we go through each element, you need to know the test every hero must pass. We call it the 3 second test.

Pull up your homepage. Show it to someone who has never seen your product. Give them 3 seconds. Then close the tab and ask:

1. 1. Who is this for?

2. 2. What does it do?

3. 3. Why should I care?

If they cannot answer all 3, your hero fails. It does not matter how clever the design is or how good the animation looks. The 3 second test is the only test that matters.

Now let us walk through each element.

Element 1: The headline (6-10 words)

The headline is the only piece of copy guaranteed to be read. Everything else is optional. The headline has one job. Name the outcome your buyer gets in language they would use.

The 5 headline formulas that work:

Headlines that fail:

• ⚠“The all-in-one platform for modern teams” (no outcome, no ICP, no specificity)
• ⚠“Powerful AI for your business” (every SaaS says this in 2026)
• ⚠“Welcome to PeopleOS” (your name is not a headline)
• ⚠“Reimagining the way teams work” (vague aspiration)

The PeopleOS new headline was simple. “Hire faster. Without the chaos.” Five words. Outcome plus pain reframe. Conversion lifted in week one of the new copy alone. See the full PeopleOS case study.

Element 2: The supporting subheadline

The subheadline is where you name the ICP and the specific use case. The headline names the outcome. The subheadline answers “is this for me?”.

Subheadline formula:

Real examples:

• “PeopleOS is the hiring inbox built for Series A and B startups who want to cut time-to-hire by 40% without ripping out their ATS.”

• “Linear is the issue tracking tool built for engineering teams who want speed and structure without the Jira sprawl.”

• “Notion is the workspace built for teams who want docs, projects, and wikis in one place without 6 different SaaS subscriptions.”

Keep the subheadline to 1 to 2 sentences, 15 to 25 words. Anything longer competes with the headline for attention.

Element 3: Video vs screenshot (with data)

The single biggest conversion debate in SaaS hero design is video vs static visual. The data is clear. Here is what each option does to conversion.

Why explainer videos win for most B2B SaaS:

• Video answers all 3 questions in the 3 second test simultaneously.
• Buyers watching the video stay on page 4 to 6 times longer than static visual visitors.
• Video creates emotional pacing that text cannot. The pain section makes buyers feel it.
• Most B2B SaaS products are abstract. Video shows the user experience in a way no screenshot can.

When a static visual works better:

• Design tools. Users want to see the actual interface. A still product shot wins.
• Developer tools where the screenshot is code or a CLI. Familiar visual is faster than video.
• Already familiar categories. If everyone knows what email marketing software does, video is overkill.

For everyone else, the answer is a 60 to 90 second explainer. See how to write a SaaS explainer video script for the script framework. For the full pricing breakdown, see SaaS explainer video pricing in 2026.

Element 4: The primary CTA

The CTA above the fold is the only one most visitors will see. It needs to be a button, not a link. It needs a verb. And it needs to set expectations for what happens on the next page.

CTA rules:

• One primary CTA. Maybe one secondary. Never more than two.
• Use a verb plus outcome. “Book a demo”, “Start free trial”, “Get the playbook”. Never “Learn more”.
• Primary CTA is a solid colored button. Secondary CTA is a text link or outlined button.
• Place the CTA where the eye lands after reading the headline. Usually below the subheadline.
• Repeat the same CTA above the fold and at the end of the page. Same words. Same color.

CTA copy that converts:

• Book a demo (best for high ACV B2B)
• Start free trial (best for product-led growth)
• Get the audit (best for lead magnet driven)
• Try it free, no credit card (best for tools with low friction signup)
• See it in action (works for video-led pages)

Underneath the CTA, add a single line of risk reducer. “No credit card required”. “15 min call”. “Free for 14 days”. That one line lifts conversion 5 to 10 percent.

Element 5: Social proof bar

The social proof bar is the cheapest 10 to 20 percent conversion lift you can ship. Most SaaS founders skip it because they think they need recognizable Fortune 500 logos. You do not.

Social proof options ranked:

1. Best: 4-6 recognizable customer logos

   If you have logos your buyer would recognize, lead with them. Even one is better than none.

2. Second best: Single quantified stat

   “Trusted by 800+ B2B teams”. “Used by 12,000 sales reps”. Numbers reduce buyer risk perception faster than logos.

3. Third best: G2 or Product Hunt badge

   “4.8 stars on G2”. “Product of the Day on Product Hunt”. Third party validation when you do not have logos yet.

4. Fourth: Press logos

   “Featured in TechCrunch”. Useful for credibility but weaker than customer proof.

If you have nothing, ship a clean “Backed by [investors]” line. Investor logos are not customer logos but they still reduce risk perception. Just do not leave the social proof slot empty.

8 things to never put above the fold

These are the patterns that show up in 50 percent of SaaS homepages we audit. Remove these and conversion lifts immediately, often by 10 to 30 percent.

Mobile considerations (60% of B2B traffic)

Most B2B founders design the desktop hero first and squeeze the mobile version into whatever is left. That is backwards. 50 to 60 percent of B2B traffic in 2026 is mobile, especially from LinkedIn and email.

Mobile hero rules:

• Headline still needs to fit in 6-10 words. Mobile screens are unforgiving.
• Video needs a thumbnail preview that loads instantly. Auto-load video on mobile kills page speed.
• CTA button is full width on mobile. Always tap-target friendly.
• Social proof logos stack to 2 rows of 2 logos on mobile, not 4 logos in a row that all shrink to unreadable size.
• Test your mobile hero on a real iPhone with 3G throttling, not just Chrome dev tools.

The biggest mobile killer is page weight. A 5MB hero video with an auto-loading carousel destroys conversion on 4G connections. Use a poster image, lazy load the video, and keep total above-the-fold weight under 800KB.

PeopleOS case: +34% conversion lift

PeopleOS came to us with a homepage converting at 1.8 percent. Decent traffic, weak conversion. We audited the hero against the 5 element framework. Here is what we found.

Before:

• ⚠Headline: “The modern people platform for growing teams” (vague, no outcome)
• ⚠Subheadline: 3 lines of marketing speak (no ICP)
• ⚠Hero visual: Stock illustration of cartoon people at laptops
• ⚠CTA: “Learn more” text link
• ⚠Social proof: None above the fold

After:

• Headline: “Hire faster. Without the chaos.” (outcome plus pain reframe)
• Subheadline: “PeopleOS is the hiring inbox built for Series A and B startups who want to cut time to hire by 40% without ripping out their ATS.”
• Hero visual: 75 second animated explainer with the 7 section script framework
• CTA: “Book a 20 min demo” button plus “Watch the 75 sec tour” text link
• Social proof: 6 customer logos plus “Used by 240+ hiring teams”

Read the full PeopleOS case study for the script, animation breakdown, and retention curves.

How to audit your homepage in 15 minutes

Here is a 15 minute audit you can run today. Go through each step in order.

1. Step 1: Run the 3 second test (5 min)

   Show your homepage to 3 people for 3 seconds each. Ask them who, what, why. Write down their answers.

2. Step 2: Score each of the 5 elements (5 min)

   Rate your headline, subheadline, visual, CTA, and social proof from 1 to 5 using the framework above.

3. Step 3: Identify the weakest element (2 min)

   Your lowest scoring element is the highest leverage upgrade. Fix it first.

4. Step 4: Check mobile rendering (3 min)

   Open your homepage on an actual phone. Time the page load. Tap each CTA. Note any breaks.

If your weakest element is the hero visual, a 75 second explainer is the upgrade. ContentBuck delivers in 14 days. See explainer videos for SaaS or our pricing page.

Frequently asked questions