How to Make a Hero Section Clear and EffectiveHow to Make a Hero Section Clear and Effective
The network for creativity
Join 1.25M professional creatives like you
Connect with clients, get discovered, and run your business 100% commission-free
Creatives on Contra have earned over $150M and we are just getting started
Your Hero Section Has One Job: Be Clear.
You don’t need huge headlines or long explanations. You need the right image + short headline + clear offer.
For the first version, we worked on the branding, the image and the copy together, so at first glance it’s clear: this is a makeup course, and here’s what you’ll get.
The second version is still beautiful and still feels like beauty. But what are you actually getting? A makeup course? Products? A store? That’s the problem with a Hero that looks good but isn’t thought through.
Your first screen doesn’t need to say everything. It just needs to say the right thing.
Option 1
Option 2

22 votes

Ends in 1d

Mariya's avatar
Option B is a trap. :D I doubt it will get 1 vote. Option 1 is a clear winner.
Boluwatife's avatar
WOuld have upgoated option 2 but i dont have any goat left... So clean! Really nice work on this.
NexUX's avatar
super work
Sagar's avatar
Amaizing
Hesty 's avatar
The contrast between the two hero concepts is subtle, but the shift in headline really changes how the beauty brand positions itself.
Shohel's avatar
I’d choose Option 1. The lifestyle imagery makes the brand feel more relatable and helps visitors immediately connect with the makeup course. Great example of visuals and messaging working together! 👏
Back to feed
The network for creativity
Join 1.25M professional creatives like you
Connect with clients, get discovered, and run your business 100% commission-free
Creatives on Contra have earned over $150M and we are just getting started