Improve your SaaS landing page conversion
Learn how to turn more of your visitors into paying customers. Discover and learn from over 300 annotated landing page elements that are proven to increase conversion.
⭐️ Over 300 elements showcased 👀 Clear explanations of each technique 💸 100% free
Explore key landing page elements
What: Annotated teardowns of landing page Heros (the first element outside of navigation) from leading SaaS pages
Before and after
What: show your visitor what life will be like after implementing your product. Tell that story with words, metrics or visuals. See examples below. Note: when using words to describe the 'before' you are trying you build pain - examples follow.
Vs Current Process or Competitor
What: Compare your solution with the current process or competitors. Similar to before and after but tends to be more process focussed than story or emotion focused.
Template Directory / Showcase
What: Highlight templates and examples that help new users achieve their goals quicker, and show visitors the amazing things your product can create.
What: Prove your solution is easy to implement and address technical doubts with your actual implementation code snippet.
What: Show your visitors your product, don't just tell them about it. A live demo with dummy data allows people to navigate and explore your actual product without signing up.
What: Writing directly to different buyer or user personas who are visiting your landing page. Similar to use cases, but one persona can have multiple key use cases.
What: An action for the visitor to take if they're not yet ready to sign up.
What: Clearly highlight and promote what your product or business does uniquely. Support your claims with meaningful evidence, quantification or testimonials. See examples below.
What: Highlight different uses for your product with a use-case or objectives element. Alternatively (or also) create different landing pages for key use cases. See how Sleeknote captures use cases as goals.
Evidence your claims: customer support
What: Don't just make claims, evidence them. Here's some examples with Customer Support claims being supported. Active Campaign have a 22-point series of commitments to support their customer service claim.
Watch me roast well-known SaaS landing pages
What: Video roasts of complete landing pages, identifying the techniques and ideas used to increase landing page conversion, and the ideas I would implement.
Popwork's brilliant landing page
Basecamp's landing page
What: similar to before and after, but here the comparison is often against other tools or processes that visitor may use.
What: Highlight your product features in a compelling way, inspired by these examples. Traditionally features follow benefits and show how the benefit is achieved.
What: Landing page FAQs allow you to address visitor doubts. Using heat and click maps you can also learn which answers are most explored. Address these common doubts earlier on your landing page.