/

33 SaaS Landing Page Teardowns to Help Explode your Conversions!

We discuss multiple SaaS landing page teardowns from copywriting experts and SaaS founders.

Table of Contents


💡
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!

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.
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.
Jetboost shares multiple features with a demo.
Jetboost shares multiple features with a demo.

Bannerbear

(Again) does this too.
You press one button and the value is immediately clear.
Bannerbear showing its multi image generation demo.
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)
Memberstack shows their demo via a GIF.
Memberstack shows their demo via a GIF.

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.
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.
Bannerbear showing their features.
Bannerbear showing their features.
Memberstack showing their features.
Memberstack showing their features.
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
Video preview

4. Have lots of Documentation

Grow documentation page.
Grow documentation page.
Webflow tutorials page.
Webflow tutorials page.
Careers documentation page.
Careers documentation page.
Docs and Guides in the pprimary menu.
Docs and Guides in the pprimary menu.
 
  • 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!
Bannerbear showing its social proof.
Bannerbear showing its social proof.
SaaS product showing multiple testimonials.
SaaS product showing multiple testimonials.
Ouseta showing its benefits via social proof.
Ouseta showing its benefits via social proof.
Veed showing its social proof as community,
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.
Nocodeanalytics ‘before’
Nocodeanalytics ‘before’
 
Nocodeanalytics ‘after’
Nocodeanalytics ‘after’

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!

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!
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.*
Banquist showing how they are unique.
Banquist showing how they are unique.

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.
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”
Dormiro explaining its primary benefit.
Dormiro explaining its primary benefit.

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.
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.
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.
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
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.
How ladybird driving school can become more specific to their Ideal Customer Profile.

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!
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.
Building an offer section.
Building an offer 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
Benefits section of Elementor Pro.
Benefits section of Elementor Pro.

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.
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.
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
Add a comparison section.
Add a comparison section.

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!
CTA section to push them to take the offer!

25. Social proof section

  • 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.
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.
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.
FAQ section answers frequently asked objections.

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.
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.
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.
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.
Teardown of the Senja SaaS landing page.
💡
Case Study: Talia Wolf does a teardown of DelightChat and offers multiple CRO and landing page tips:
Video preview

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.
Teardown of the Beehiv landing page.
Teardown of the Beehiv landing page.
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.
notion image

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.

Social Proof

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.

Related posts

How to A/B Test your Landing Page? The Complete Expert Guide (2022)
21+ Landing Page Mistakes You Need to Fix Today!
35 SaaS Landing Page Building Tips from Experts (2022)
How to Increase Conversions for Your SaaS Landing Page? An Expert Guide (2022)
77+ Expert Checklist and Tips for SaaS Landing Page Conversions
9 Steps to Create TikTok Landing Page for your SaaS (The Complete Guide)