<aside> 💡 An example landing page wireframe to help 0-1 founders and early stage product managers experiment with their go-to-market messaging early and often.

Use in conjunction with this company spec template to help you do quick customer development interviews with your target customers.

You can also follow up by using this template to capture willingness to pay.

- Merci Grace


Duplicate the Figma file here →

</aside>

https://www.figma.com/embed?embed_host=notion&url=https%3A%2F%2Fwww.figma.com%2Ffile%2FieIqLtS1jJPMf6NJi5V3Gu%2FLanding-page-template%3Fnode-id%3D0%253A1


Components

Here's a quick guide to each of the components on the landing page, and what you should include in each.

The header

This section should contain your company logo and name. Include features, integrations, pricing and a prominent sign up / login button in your header.

header.png

Call to action and headline

Having a short and succinct headline is key. Your supporting headline can be longer and include more details about your offering. The call to action can be a form or just a single button, designed to stand out.

calltoaction.png

Product context

Add images and context around what you're offering. This provides some insight towards what your product actually is.

productcontext.png

Social proof

Adding familiar content like popular logos and customer testimonials builds trust. This lets users know that others are using your product.