Call or Text Today!
210-493-6193

In inbound marketing, the philosophy is letting the potential customers come to you. Instead of vice versa. But when they came, how can you make them stay? Now, that’s the million dollar question.

In order to guide visitors from the top of the funnel to the middle of it, you need to create an awesome lead generating homepage.

What is lead generation?

It is the process of warming up strangers into potential customers who are interested in your products or services.

Visitors who first visited your homepage may not know much about your brand or your products. They are at the very top of the funnel. At this stage, feeding them information is what you should aim to do. Build a relationship with them and gain their trust. When they trust you enough, they are more likely to buy from you.

Now, a homepage is one important tool you can use to gain leads.

“The homepage is your company’s face to the world. Increasingly, potential customers will look at your company’s online presence before doing business with you — regardless of whether they plan to close the actual sale online.” – Jakob Nielsen

Homepage often serves as a starting point. From there, visitors are guided into other pages such as product, contact us, blog etc.

The point is: Your homepage serves as the first impression and the first chance for you to grab their attention in that short 10 – 20 seconds window.

What’s better, attain their attention for long enough and transform them into leads using solely your homepage.

Does that sound like a fantasy? Well, there are homepages out there that do this, and they do it amazingly well. Why don’t we see how they do it and steal a little inspiration?

I’m going to show you 7 awesome examples of a lead generation website homepage.
1. Landbot

Ever scroll through a homepage, have a once over at a page full of descriptions, and still have no idea what they are selling? I know that frustration. I will also exit that webpage in a flash while sighing how they wasted my time.

Landbot does no such mistake. They tell you what they do, by showing you exactly what they do. On their homepage, you talk with a Landbot yourself. You are persuaded to sign up for a chatbot service by a chatbot.

Impressed? Register up now. Voila, lead generation nailed.

What they did right: They show you what they do, tell you what they are, ask you to sign up in a dynamic and unique way. And it all takes less than a minute.

2. Bombfell

One-liner is important. It gives visitors the most impactful and relevant information in one sentence, in one second.

Bombfell did it. Compact, beautiful and simple.

The background photo showcased what exactly their product is. Paired with a clear call-to-action.

And that’s just above the fold.

Scrolling down, there are more headers with precise and short sentences guiding visitors through the process. When you get to the end, there are more call-to-actions that urge visitors into leads.

Here’s the trick: If a call-to-action doesn’t work at first, doesn’t mean it won’t work at the end. Put a call to action at the head and the end of your homepage.

3. Discord

Sometimes you need to show a little character to spark interest. Discord did just that.

Discord knows exactly who their competitors are. They even addressed it directly on their homepage.

Their intent is clear: ditch them, join me, I’m better, click here to start now.

The brilliance here is how they target the pain point. Their visitors are most probably already users of their competitors. They are here to seek an alternative.

Why they need an alternative? Discord said it loud and clear. They know exactly what will drive users away from their competitors and use it into their persuasion.

The point here is: You need to know your targeted audience, you also need to know your competitors. Use your knowledge to target pain point and generate leads.

4. Mancrates

Here’s another example that is full of character.

When you have a business with such a clear intent and clear targets in mind, you can go all out, all at once.

One-liner slogan paired with a clear call-to-action. The classic lead generation combination. Classic and efficient.

Scrolling down, visitors are presented with a brilliant copy that showcases the philosophy of the brand. They build an animated image in visitor’s mind. While stressing again and again that they sell perfect gifts for men.

You are presented with more call-to-action and more enthusiastic, emphatic and persuasive copy while you scroll to the end of the page.

Their trick is: Embrace the brand identity that was built specifically for your targeted audience. Talk to your potential customers directly and empathize with them.

5. Tumblr

Tumblr with its 555 million monthly visitors is one of the major social media sites on the internet.

One special thing about Tumblr’s homepage is: they proudly feature a random visual creation by one of its user.

Accompanied by two simple call-to-action buttons at the center.

Scrolling down, visitors are presented with how the site works. They talk to visitors like they’re talking to a friend at school. Casual, simple, no-brainer, and really, just whatever.

One thing that they stressed throughout is how simple you can use it, and how diversely you can use it. They personified themselves as a welcoming figure of a community and casually show you the ropes.

Charmed? Sign up now and join the community. There, another successful lead generation.

What they did: Talk to the audience not unlike talking to a friend, be friendly, be helpful. The last thing you want to do is posed as some intimidated figure and scare them out of your homepage.

6. Patreon

A patron is a person who supports with money, gifts, efforts, or endorsement an artist, writer, museum, cause, charity, institution, special event, or the like.

Patreon homepage sums itself up using 4 simple words. Creators, come get paid.

It’s a platform for creators and what they do is help them get paid. Concise and catchy.

Now, that’s what I call a powerful one-liner.

They address the targeted audience then attack their pain points directly. Who wouldn’t be appealed by getting paid for their creative work?

Directly under the powerful slogan, there are two call-to-action buttons. The “start my page button” in red – which creates a sense of urgency.

Scrolling down, visitors are presented with more information on their operation. Endorsement from active users and last but not least, another call to action paired up with 4 simple words: let’s get you paid.

Their brilliance: Using the least words to create the most powerful and compelling partner to your call-to-action button.

7. Basecamp

The moment someone clicks on their homepage, they’re presented with numbers.

This amount of people signed up last week, you should too. Are you still not convinced? Here are some testimonials from our users. And here’s more data on how our business grows.

Start a free 30-day trial. The call-to-action says.

Well, instead of just telling you how good they are themselves. They are using data and testimonials to back them up.

For a software that is targeting businesses, they know hard facts are more convincing than crafty words. And if the amount of businesses signed up is anything to show, they are really killing that lead generation.

How they did it: Utilize cold hard data, cause customers’ heart is just as rock hard when it comes to budgeting. Regardless of how good your product works.

#optin-template-3{
float: left;
margin: 0;
width: 100%;
max-width: 654px;
height: 100%;
}
#optin-template-3 .container{
float: left;
width: 100%;
height: 100%;
text-align: center;
background: #fff;
border: 0px solid #4a78bd;
padding-bottom: 16px;
}
#optin-template-3 .top-row{
display: inline-block;
width: 88%;
padding: 3% 6% 0%;
}
#optin-template-3 .top-row h2{
margin: 5px 0 0;
font-family: “roboto”, helvetica, sans-serif;
color:#4a78bd;
font-weight: 600;
text-align: center;
padding:0px 0px 5px;
font-size:2.2em;
}
#optin-template-3 .left-column{
display: inline-block;
width: 100%;
max-width: 270px;
min-width: 270px;
height: 100%;
vertical-align: top;
padding-top: 32px;
}
#optin-template-3 .ebook-img{
width: 100%;
min-width:270px;
height: 280px;
background: url(https://seopressor.com/wp-content/uploads/2015/10/2015-10-25.png);
background-size: cover;
}
#optin-template-3 .right-column{
display: inline-block;
width: 60%;
min-width: 250px;
max-width: 305px;
padding: 24px 4% 32px;
}
#optin-template-3 .bodycopy ul{
text-align: left;
padding-left: 0;
}
#optin-template-3 .bodycopy ul li{
font-family: “roboto”, helvetica, sans-serif;
margin-left: 20px;
}
#optin-template-3 .optIn-form{
display: block;
bottom: 0;
}
#optin-template-3 .email{
display: block;
width: 100%;
border: 0;
padding: 8px 0;
font-size: 18px;
text-align: center;
border: 1px solid #4a78bd;
}
#optin-template-3 .submit-button{
display: block;
margin-top: 4%;
width: 100%;
padding: 8px 0;
font-family: “roboto”, helvetica, sans-serif;
font-weight: 400;
color: #fff;
background: #4a78bd;
font-size: 21px;
border: 0;
outline: 1px solid #4a78bd;
cursor: pointer;
}

How To Improve Conversion Rate Using Colors

Interesting Facts About Color Psychology.
Real Case Scenario Included.
Best Color Tips To Increase Conversion Rates!
A Complete Guide Every Marketer Must Have!

Skip to content