Thread by @felix12777

The 7 components I used to a hero section that converts.

You clicked the publish button. The landing page is live, and you are excited to see conversion juice.

However, this did not happen.

#ux #ui #nocode

Why? 👇👇👇

You have spent a lot of effort to create your ideal landing page, hoping that the product will take off.

Many visitors did not even scroll through the landing page.

They bounced immediately after scanning the hero section.

👇👇👇

Many new landing pages are suffering from this pain.

You need to keep the hero section simple and include a clear value proposition that visitors cannot resist further interaction.

👇👇👇

These are the 7 components I use for Zlides. It's not perfect, but I am optimizing it on a regular basis:

1/ Navbar - Logo, nothing more
2/ Headline - Talk about the problem of my target audience
3/ Description - Explain the purpose of my product and the expected goal

👇👇👇

4/ Image - Show my product explicitly
5/ Major CTA - The major call to action I want people to click
6/ Alternate CTA - Before making any decision, learn more about my product
7/ Social proof - Some well-known organizations that have used or showcased my products

👇👇👇

Lesson learned:

1/ There is always something you want to include on the landing page, but no space.

You can definitely ignore some items and prioritize the most important ones.

👇👇👇

2/ Don't make your customers think.

They don’t need to know every technology you use.

Talk about problems, talk about your customers.

👇👇👇

3/ Regularly evaluate performance metrics.

The landing page on the first day does not have to be a perfect design.

Optimize your page step by step, don’t be afraid to try new things.

👇👇👇

How would you create a hero section differently?

zlides.co