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
- 1. Be as specific as possible about why your product exists and who it can help.
- Bannerbear does this really well.
- 2. Show - don't tell - the value of your product with a demo
- 3. Build a specific landing page for product features + the results.
- 4. Have lots of Documentation
- 6. And some recommended things that you should be doing anyway
- 7. Adding a Before and After
- 8. Add a lot more stuff on your landing page that helps your customer move forward!
- 9. Everydae will tell you to put your customers in your shoes
- 10. Banquist tells you why it is a unique product
- 11. JobBoardSheet shows you to handle customer objections
- 12. Dormio explains its primary benefit!
- 13. Silva adds an emotional touch!
- 14. Socios can make its voice heard…
- 15. Counterweight Creative can have a bold promise
- 16. Haako can show the dream through visuals
- 17. Ladybird Driving School can become a little more specific
- 18. Hero section - First user screen
- 19. Offer section
- 20. ‘Why choose Elementor PRO’ section
- 21. End of why to choose Elementor section
- 22. What's inside the Elementor section?
- 23. Comparison section
- 24. Offer section. After comparison, they push users to take action
- 25. Social proof section
- 26. Awards section
- 27. FAQ section
- 28. Basecamp paints a picture of life with and without their product
- 29.Buymeacoffee uses simple plain language!
- 30.Emailoctopus uses testimonials really well…
- 31.SenjaHQ shows, not tells!
- 33. 6 core components framework of landing pages
- Student Transformation
- Course Content and Preview
- Social Proof
- Conclusion: Use TearDowns to build a better SaaS landing page
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.
- Screenshots > illustrations
- Results > features
Bannerbear does this really well.
• Make it interactive • Use multiple demos
Does this amazingly with GIFs and a demo for each of their main feature.
(Again) does this too.
You press one button and the value is immediately clear.
Uses a few demos as well as this neat little interactive illustration.
(They also do great video walkthroughs for each main feature)
Does this brilliantly as well.
The hero section has 2 CTAs. Click either and it immediately jumps into a demo - loading in <2 seconds!
- 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.
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
- 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!
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.
- 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!
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.
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.*
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.
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”
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.
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!
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.
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.
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.*
- 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.
- 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.
- 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
- Interactive animations to visualize the value.
- After all benefits - CTA is a must.
- 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.
- 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
- 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.
- 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
- 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 +++
- 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.
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
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 @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.
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:
Case Study: Talia Wolf does a teardown of DelightChat and offers multiple CRO and landing page tips:
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!
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.
This part convinces prospective students that the course will help them achieve the transformation they seek.
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.
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
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.
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".
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.
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