Hero section design

The hero (or banner section) is the first thing visitors see when landing on your page. It needs to immediately communicate what your product or service does and why it matters.

These are the key elements:

• Compelling heading copy (value proposition)
• Relevant visual asset
• Clear visual hierarchy
• Primary and secondary call to action
• Social proof

This is what it looks like when it all comes together and we’ll dive into each section shortly. We have an example from our site:

And then one from our client, Logan Sinclair:

But how do we put this all together?

The most important part is the copy you use in your heading. So let’s start with that…