By Neal O’Grady (Demand Curve) and infographic from Tuff Growth.

Let's start by identifying the three most common landing pages:

These pages can be structured nearly identically using the following template. Generally, the more you deviate from the template, the more confused the average visitor becomes. Although a homepage might contain some other elements to pitch tangential things (lead magnets, newsletters, etc.).

Think of your landing page from the perspective of a visitor's likelihood to purchase:

<aside> 💡 Purchase Rate = (Desire + Confidence) / (Effort + Confusion)

</aside>

To increase a visitor's purchase rate, increase the visitor's desire and confidence while decreasing their effort and confusion:

Don’t do something avant-garde with your homepage structure unless you have a good reason.

Here’s the typical landing page structure we'll be using:

Template.png

  1. Navbar: ****The top of the page — where your logo and navigation links are. Ideally sticky.
  2. Hero: The main section at the top of the page, which includes your header text, subheader text, and captivating imagery.