duda
What you need to know about building landing pages that convert

Itai Sadan • Jun 14, 2024

This article has been adapted from a presentation originally shared with the Leeds School of Business at the University of Colorado Boulder.


A landing page is a single webpage with the goal of driving a prospect/customer to take a specific action. While websites may have several goals that ultimately encourage exploration, landing pages are typically designed with a single focus or goal in mind—the “Call-to-Action” or CTA. 


CTAs take on many different forms, but you’ve seen them all before. A landing page may ask you to fill out a form, sign up for a service, download something, buy something, start a free trial, place a phone call, or more. In the marketing funnel, this action is considered a “conversion.”


Conversions are where a funnel ends, it’s the ideal destination for a prospect. However, they have to enter it from somewhere, don’t they? We call this the top of the funnel and, for many landing pages, this typically originates from some sort of paid or organic marketing. It may be email outreach, a social media post, or a pay-per-click campaign. Even television ads have driven viewers to landing pages before!


So you understand why you might want to build a landing page, and what purpose it serves. Now, how do you actually do it?


The anatomy of a landing page


The most important part of any landing page is the area that is immediately visible when the page loads, without scrolling. We call this area “above the fold,” a term borrowed from newspapers, because it requires no additional action from the user.


The visible portion above where a newspaper is folded is crucial real estate because it’s the part that is visible to consumers before the paper is purchased. It’s what determines whether or not somebody actually reads the paper. 


For landing pages, the same is true. If users aren’t immediately captivated by what’s visible above the fold, they won’t scroll. Even if they are, they still might not! The Nielsen Norman Group found that web users spend about 57% of their page-viewing time above the fold.


You should take advantage of this crucial real estate by including the most meaningful information first—especially the CTA.


As the user scrolls down, they’ll begin to encounter additional information like social proof, benefits, and features. All of this should include additional CTAs intermixed to optimize conversion rates.


Landing page best practices

  • Prioritize the first (above the fold) and second screenfulls
  • Write a clear headline message
  • Include a single, focused CTA
  • Focus on design (it matters)
  • Make sure it works on all devices
  • Include social proof for credibility
  • Describe product/service features and value/benefit to user


What does a good landing page look like?



A screenshot of a Duda landing page



This landing page puts all of the most relevant information directly above the fold, with a clear CTA for visitors. The primary action, to “Book a Demo”, is highlighted in a vibrant orange while the secondary action, to “Start a Free Trial”, is outlined much simpler.


A short block of text alongside visually interesting images lays out the primary value propositions for this page. It’s immediately followed by social proof, in this case some well known brand logos, then again by more in-depth feature explanations.


A screenshot of a Duda landing page aimed at real estate SaaS companies


This page, while speaking to a different audience, has a similar structure. Users are invited to “Talk to Us” or “Take a Product Tour” with all of the feature propositions laid out clearly and concisely above the fold. Interesting numbers are present and, just like before, social proof immediately follows.


What about a bad landing page?



A screenshot of cruise.com


You can sum up many of the problems with this landing page with one single word: “overwhelming.” Beyond any issues with the design itself, which looks ripped straight out of the 90s, the page has far too much information and far, far too many CTAs. They’re asking you to call them, subscribe to their email, view their webinars, book a trip, browse their social media, etc.


It’s unfocused. Visitors don’t know what they’re supposed to do when visiting a new website, and this page doesn’t help guide them.


A screenshot of CeraVe's website


This page by CeraVe has the exact opposite problem—there aren’t any CTAs above the fold at all! This is a huge missed opportunity, especially given that this particular landing page was related to a widely successful (and expensive) superbowl ad campaign. Why spend all that money at the top of the funnel if you haven’t laid out a clear path for conversion?


Ready to build your own landing page?


As you can see, a good landing page is all about conversion. It should, with the help of good design, close the deal on prospects who have entered your funnel. If you only take one thing away from this, know that the real estate above the fold is far-and-away the most important part of any landing page. Be engaging, be concise, and offer a clear call to action in this area.


You can take a look at other landing page examples on Duda’s templates page. When you’re ready to launch your big advertising campaign, these can act as a great jumping off point for building your own high-conversion page 


Headshot of Itai Sadan

Cofounder & CEO, Duda

Under Itai's leadership, Duda rapidly expanded with an emphasis on empowering web professionals with cutting-edge tools to help them create beautiful, conversion-driving websites at scale. Duda hosts more than 1 million active websites built by over 20,000 customers globally.

A cell phone with a picture of a car on the screen.
By Renana Dar 24 Jun, 2024
We turned to Russ Jeffery, Director of Platform Strategy at Duda and one of our experts on mobile page speed, to provide insights into the key factors that impact mobile page speed and how to improve it effectively.
A homepage of a website with a headline menu and color menu
By Renana Dar 20 Jun, 2024
In today's article, we'll give you a complete checklist to run through when handling web accessibility for your clients.
A screenshot of a website with a purple button that says generating alt text.
By Renana Dar 18 Jun, 2024
All the necessary information to capitalize on AI capabilities beyond what you would normally find in other website builders.
Show More

Latest Posts

Share by: