33 SaaS Landing Page Teardowns to Help Explode your Conversions!

💡

Note: SaaSwrites is a curated growth marketing hub and resource built to help SaaS founders grow their products. We sincerely thank all our experts for their constant value addition to this world.

What if I said that every successful SaaS product or any other product uses the same landing page tactics and strategies for higher conversion?

When I was just starting my SaaS, I got a pretty rough feedback from someone I showed my website to.

It was a shattering experience - albeit collapsing - thinking I’m wasting my time every weekend instead of enjoying time out with my friends.

However, later I understood that landing pages are more about avoiding simple mistakes than adding innovating concepts. That’s when a SaaS landing page teardown helps!

In this article, I have curated multiple landing page teardowns done by numerous SaaS copywriting experts to help you improve your SaaS landing page. Let’s GO!

Sarwech Shar shares amazing tips for startups in their initial stage.

A lot of SaaS landing page advice is aimed at larger (usually funded) startups.

But what if you’re bootstrapping and doing <$5K MRR?

I wanted to improve the nocodelytics landing page so I studied some fast-growing SaaS apps - incl in the no-code space.

1. Be as specific as possible about why your product exists and who it can help.

Screenshots > illustrations

Results > features

Bannerbear does this really well.

BannerBear shows screenshots on the landing page.

2. Show - don't tell - the value of your product with a demo

• Make it interactive • Use multiple demos

Jetboost

Does this amazingly with GIFs and a demo for each of their main feature.

Bannerbear

(Again) does this too.

You press one button and the value is immediately clear.

Bannerbear showing its multi image generation demo.

Memberstack

Uses a few demos as well as this neat little interactive illustration.

(They also do great video walkthroughs for each main feature)

Veed

Does this brilliantly as well.

The hero section has 2 CTAs. Click either and it immediately jumps into a demo - loading in <2 seconds!

Veed showing their demo on their landing page.

3. Build a specific landing page for product features + the results.

Product: list out the 3 most used features of your product and build a page for each.

Results: think about the JTBD your product is used for. Build a page for each.

Bannerbear + Memberstack do this very well.

Want to go even further with this?

Figure out what people are searching for whilst *on* your site (use Nocodelytics )

Build landing pages for the most popular searches.

Do it well and you'll blow your users away with extremely relevant and engaging content.

💡

Case Study: Here’s a SaaS landing page teardown video of testimonial.io

4. Have lots of Documentation

6. And some recommended things that you should be doing anyway

Social proof everywhere - with specific examples for specific pages.

CTAs throughout - don't forget to handle objections.

Integrations - has the added bonus of increasing your credibility!

SaaS product showing multiple testimonials.

Ouseta showing its benefits via social proof.

Veed showing its social proof as community,

7. Adding a Before and After

Here's the before and after of Nocodelytics

Before: it was really just 1 landing page. Nothing really compelling about it.

After: explains *why* it exists and not just what it does. Shows the value more clearly.

8. Add a lot more stuff on your landing page that helps your customer move forward!

Finish the demos (one for each feature).

Finalize the copy for the solutions/use cases sections

Add more specific pages for different search terms.

More documentation!

Marketing Examples gives you an insight into the mind of a pro copywriter.

9. Everydae will tell you to put your customers in your shoes

Put yourself in the customer's shoes. Kids don't care about “the next generation of SAT prep”. They care about “Acing the SAT”.

We also pulled up the $1 trial. And made the “five stars” feel REALER.

Everydae putting themselves in their customer shoes!

10. Banquist tells you why it is a unique product

But they waste their uniqueness with a vague title that could mean fifty different things.

When you've got a unique product the golden rule is *let the product speak for itself.*

11. JobBoardSheet shows you to handle customer objections

Their current copy is clear. But it's also forgettable. So we looked down their page and found this new line.

It's much more specific. And handles the customer's four main objections in one sentence.

JobBoardSheet handling customer objections.

12. Dormio explains its primary benefit!

Customers' buy *outcomes* not *products*. What's more appealing:

“A calming tea” OR “A calming tea that helps you relax, unwind, and drift into deep, restorative sleep”

13. Silva adds an emotional touch!

Firstly, “Trail Runner Free” is very confusing. Is that the product? Is it free?

Also, there's no emotional pull. People don't get excited by a new *headlamp*. They get excited by new *adventures*.

So sell the latter.

Silva adding an emotional touch to their copy.

14. Socios can make its voice heard…

Football fans don't care about “tokens”, “surveys”, and “rewards”.

Take ownership of the *real problem*. Fans are crying out to have their voices heard. Socios solves this. So own it.

Also, add social proof. You're literally working with Barcelona!

Socio making their voice heard through their copy.

15. Counterweight Creative can have a bold promise

This one had promise. But the language is too vague. It doesn't feel REAL.

We replaced all their vague words with specific ones. You can't bullshit specifics.

Counterweight creative sharing their bold promise.

16. Haako can show the dream through visuals

This one's more about *repackaging* than *rewriting*.

You can't expect people to read one huge text block to understand your product.

So we condensed their text block to one sentence. And added an image to bring the product to life.

How visuals can leave a more powerful effect on Haako’s visitors

17. Ladybird Driving School can become a little more specific

Ladybird's uniqueness is that all its instructors are female. So don't bury it halfway down the page. Lead with it.

*Write the title only if you can.*

How ladybird driving school can become more specific to their Ideal Customer Profile.

Marius Cern shares Elementor Black Friday - Landing page teardown.

18. Hero section - First user screen

Funny doggie video - feel some positivity.

Main offer, short and to the point.

2x CTA, leads to section to choose a plan.

Sticky header. Logo + Timer for urgency + CTA

Lowest priority on the page for those who would like to try.

Hero section makes the first impression!

19. Offer section

Headline "Limited Time" -conveys urgency.

The main offer has a clear visual distinction.

Assurance, don't like it - get your money back.

User can try before buying it, lowest priority in this section.

All CTA's "Choose Your Plan" leads to this section.

20. ‘Why choose Elementor PRO’ section

A Simple question stated in a heading

The heading and the sub-heading talks about the benefits. Answers the questions short and clear

Expand on benefit, maximum 2x sentences

21. End of why to choose Elementor section

Interactive animations to visualize the value.

After all benefits - CTA is a must.

Why choose Elementor Pro: More benefits and objection handling.

22. What's inside the Elementor section?

Haven't clicked the last CTA? Not enough reasons? Here are more details…

Showing what's inside this builder and what user could do.

Maybe that helped to convince user click that CTA.

Add another section with some more details.

23. Comparison section

Before buying, some users would like to compare with something else. They give a comparison with their free version.

Showing contrast with differences between FREE and PRO

24. Offer section. After comparison, they push users to take action

Urgent headline

Timer to support the headline.

CTA has the same copy as others on the page. Less confusion to users, and repeats the message.

CTA section to push them to take the offer!

The headline which states "Pro's use it and recommends".

Only show just how many of the 5 stars they have.

It has PRO in it: with name, what they do, and image of them.

The recommendation is specific to what they do with Elementor

Social proof section of elementor provides expert recommendations.

26. Awards section

You are not sure what kind of award it is? New users would feel the same.

Awards are pretty recent, which means they were compared with something else on the market and received these. Proof of good product +++

The awards section helps build industry authority.

27. FAQ section

If users scrolled till the end, it might be they have some questions.

The first question is expanded. It's about the money back, the biggest concern.

Wanna know more? Check out more answers. Lowest priority.

FAQ section answers frequently asked objections.

Olly Senja shares teardown of exemplary landing pages.

28. Basecamp paints a picture of life with and without their product

Quick teardown of @basecamp's (awesome) landing page.

What Basecamp does extremely well is, paint a picture of life with and without their product.

The page is full of this language, explicitly in the sub-heading, but also in the testimonials, and in the "one place" section

Teardown of the BaseCamp SaaS landing page.

29.Buymeacoffee uses simple plain language!

Quick teardown of @buymeacoffee's stunning landing page

What I LOVE about this page is the use of plain language, 'show not tell', the simple structure, and the graceful comparison of their product vs competitors.

Teardown of the BuyMeaCoffee SaaS landing page.

30.Emailoctopus uses testimonials really well…

Teardown of the @emailoctopus landing page.

What EO does really well is showcase real customer emails.

The visitor can see the types of email they can create instantly.

Plus the use of testimonials to support key features is awesome.

Teardown of the Email Octopus SaaS landing page.

31.SenjaHQ shows, not tells!

Quick teardown of the @SenjaHQ landing page

(Yep I'm the cofounder)

We really wanted to focus on 'showing not telling' by including Senja testimonial widgets throughout the page. This is more powerful than explaining the concept.

Here's some of the other techniques we used:

Teardown of the Senja SaaS landing page.

💡

Case Study: Talia Wolf does a teardown of DelightChat and offers multiple CRO and landing page tips:

32.Beehiiv

Teardown of the @beehiiv landing page by @denk_tweets

There is a lot to learn from this beautiful landing page, but the use of benefits language paired with features is especially good.

I also like the direct competitor comparison and the stunning product illustrations.

We appreciate Olly Senja for the above illustrations of landing page teardowns!

33. 6 core components framework of landing pages

Narayan Kamath shares a teardown of some well-designed and effective course landing pages using his 6 Core Components framework provided lots of ideas and inspiration.

One of his favorite landing pages is SQL for Humans.

Student Transformation

This part convinces prospective students that the course will help them achieve the transformation they seek.

Course Content and Preview

This section of the landing page tells potential participants what they will learn, and how the course is organized and delivered.

An explainer video that walks visitors through the objectives, scope, methodology and logistics is a simple and effective way of answering questions people might have.

My favourite example for Course Content and the Preview section of Course Landing Pages was the landing page by @mds for shiftnudge.

The part that tells potential participants' whether the course would work for someone like them.

Testimonials, reviews, ratings, rankings, client logos are some of the elements that help you enhance your credibility and leverage social proof to persuade potential buyers.

ODCC Peer Supporter @mariepoulin clearly stood out for the Social Proof component of Course Landing Pages.

Her website for Notionmastery had an endorsement from Notion Founder @ivanhzhao

Pricing

While pricing your course is a complex topic, and one that requires a lot of consideration, there were a couple of key takeaways from Rob Hope's session:

1. Use Multiple Pricing Tiers - i.e. offer more than one version of your course. Without this, you will leave significant revenue on the table.

2. Use Parity Pricing - This will make your course affordable to more people in more countries, and enhance the diversity of your course.

While there were a number of good examples of the pricing section from course landing pages, the one that stood out for me, on account of its simplicity and effectiveness was Fulltimewebdesign by @YS

Teacher

This section allows potential participants to find out more about who is teaching the course, their accomplishments, whether they seem approachable, and how easy it is to get in touch with them.

However, my favorite example for the Meet the Teacher section of Course Landing Pages is @bruno_simon who cleverly incorporates his portfolio as well as examples of what participants will learn in his bio section for Theejsjourney.

FAQs

This is the section that answers any remaining questions people have and can be very effective in converting those who are still on the fence.

While the number of questions that participants might ask is potentially infinite, it is better to focus on just those questions that people ask most often, and indicate how people might get in touch with you if they have additional questions.

While most of the Course Landing Page examples had good FAQ sections, the one I liked most - in terms of design, as well as the questions covered, was the FAQ section by @erikdkennedy on the landing page for Learnuidesign.

This fireside chat was timely since I am working on the landing page for my own course.

It provided a ton of ideas and inspiration.

On the downside, it also provides me with the opportunity to procrastinate further by doing more "research".

Conclusion: Use TearDowns to build a better SaaS landing page

Teardowns are great because they show you what can be added to apply copywriting and marketing psychology principles on your SaaS landing page.

However, know that what works for a particular SaaS product might not work for you. It’s best to apply SaaS landing page changes with the help of data.

Measuring your experiments will help you know which techniques work for your particular SaaS.