A landing page is an essential part of product marketing. Let’s see how we build our landing page!
Building a landing page is very similar to pitching a product to a client, except you don’t get the opportunity to ask them what they’re looking for or if they have any questions, so you’ll need to make sure that:
This is the section that your visitors will see first. It needs to get their attention right away. After seeing this hero section, they need to:
Tagline: A sentence that should explain what the product is to the user.
Our product is fairly simple: it’s a website builder. So it’s pretty straightforward on explaining what the product is. They know what a website builder is, and they know how they can make use of a website builder. But why is this the go-to website builder for my tribe? What’s different?
This leads them to scroll down, on to the second part of the hero section, these small tags:
It shows a variety of properties that we know pique the interest of our users. We want to attract more Notion users to use Typedream, and we know they relate to these properties:
This short video gives them sneak peeks on what they can do with the website builder. I don’t expect people to stay and watch the video, but it does give glimpses of things they might be excited about without taking much space:
/slash command to add blocks
An upfront social proof is important, so your users would have some trust in your product as they see the rest of your pitch. Having this trust opens up their mind more to the possibility of them using your product. They’re less skeptical because they know others have used your product.
You may or may not be familiar with these brands, but they are thought leaders and web3 companies who are popular on Twitter, which might be looked up to by our 3 target users: web3 people, digital creators, and startup founders.
“So why should they use Typedream? What’s the difference with other website builders?”
These are the questions they have lingering from the Hero Section. We know what our users are excited about and need in their websites, so we pick the best features of our product and show them here:
/slash command to add blocks.
That’s a question that goes through every users mind. “Cool tool, but is it perfect for me?”
We answer this question by showing how well-known people in the community of our target users are using Typedream and it serves their purpose really well.
Visitors seeing this site would look up to one of these people and most likely would identify as part of their “tribe”. That said, if the thought-leaders in their community feels that Typedream is perfect for them, more likely than not it would be perfect for them too, cos they’re the same kind of people.
This is answered by showing what others have built in Typedream, which shows them that:
This helps them visualize their vision closer to reality, seeing how others like him has successfully launched their products on Typedream.
With the visitor being able to visualize using Typedream for their own products, all that’s left is ensuring they know how to start right now!
We do that by showing links to a bunch of guides and tutorials, so they can skim through some to get some idea of how things work. Once they have the overall picture in their head of what they need to do to actually launch their sites, the last thing left to do is Start!
And we conveniently put another call to action at the bottom to direct them to start building their website now.
This method works well with us, hopefully by reading this, it will help you too 🙌
We're a remote software company, building online tools for creators, builders, and side hustlers. We quit our 9-5 to pursue our dreams, and we want to help others do the same.
Copyright © 2023 Govest, Inc. All rights reserved.