14 HERO layout examples you must steal

✨Download The Figma File (Open › Duplicate )
www.paytonclarksmith.com/free...
🔹🔹🔹🔹🔹
Learn How to Build a Booming Design Business 👇
www.paitpro.com
🔹🔹🔹🔹🔹
OTHER USEFUL VIDS:
🎥 18 HERO Sections (Part 1):
• 18 Hero Section Design...
🎥 12 HERO Sections (Part 2):
• 12 NEW HERO LAYOUTS YO...
🔹🔹🔹🔹🔹
✨ DESIGNER CREDITS ✨
HERO Section 1 ▹ dribbble.com/uisaleh
HERO Section 2 ▹ dribbble.com/d-studio
HERO Section 3 ▹ dribbble.com/awsmd
HERO Section 4 ▹ dribbble.com/nabhanld
HERO Section 5 ▹ dribbble.com/Rescobarmac
HERO Section 6 ▹ dribbble.com/arounda_ux_ui
HERO Section 7 ▹ dribbble.com/uiuxdesigner1998
HERO Section 8 ▹ dribbble.com/mihiryadav
HERO Section 9 ▹ dribbble.com/mrstudio
HERO Section 10 ▹ dribbble.com/Demianchuk
HERO Section 11 ▹ dribbble.com/ugem
HERO Section 12 ▹ dribbble.com/tubik_ux
HERO Section 13 ▹ dribbble.com/aziemelasari
HERO Section 14 ▹ dribbble.com/mariablaze
🔹🔹🔹🔹🔹
CHAPTERS
0:00 Intro
0:08 HERO Section 1
0:49 HERO Section 2
1:13 HERO Section 3
2:03 HERO Section 4
2:54 HERO Section 5
3:37 HERO Section 6
4:26 HERO Section 7
5:23 HERO Section 8
6:05 HERO Section 9
7:07 HERO Section 10
8:01 HERO Section 11
8:54 HERO Section 12
9:50 HERO Section 13
10:52 HERO Section 14
🔹🔹🔹🔹🔹
This video shares 14 new and unique HERO section layouts that you can save and use as inspiration for your next web design project.
🔹🔹🔹🔹🔹
14 HERO layout examples you must steal

[@darndarn99]

I like “keep it simple” layouts. Keeps the visitors focus to where we want to lead them👍

[@PaytonClarkSmith]

I’m the same, simplistic is timeless 👌

[@TheScienceHutch]

You are a master of providing valuable content to your target audience, Payton. LOVE the free Figma file! Thank you and keep up the great work!

[@Its_Joyceeyy]

Had a creative block, watched your video and was instantly inspired! 🙌🏽 also just subscribed as I’d love to see more of these 👍🏼

[@PaytonClarkSmith]

Happy to hear this! Thanks!

[@JocelinCarvajal]

Maybe it’s my design style but I build my website with minimalist in mind. Nothing too distracting, simple easy to follow. And #14 is what speaks to me

[@PaytonClarkSmith]

I’m the same, I always prefer simplistic site design. 14 is definitely nice 👌

[@JocelinCarvajal]

@@PaytonClarkSmith I don't feel so alone!! Some people mentioned that my websites look the same but these websites are what keep my clients busy and fully booked.

[@user-ml5yj1jj7g]

I really love this kind of videos, please make it continues as possible.

[@PaytonClarkSmith]

Will do 👍🏻

[@RominaJones]

I liked that "Discover Free" blue one too. When I saw it a couple of days ago I did my own mock-up template as a starting place and it helped me work out a new design for another project.

[@PaytonClarkSmith]

Awesome! Yeah it was clean 🔥

[@taxibw]

No. 14 is my favorite. Not so often seen and still easy to catch.

[@PaytonClarkSmith]

I love 14 too 👌

[@okundiaobazee3888]

Thank You Payton!

[@martinkeita7008]

You are my Hero!

[@aziemelasari8600]

Thanks for sharing my design 🙌

[@PaytonClarkSmith]

It was great 🙌🏻 I made sure to link to your dribbble account in the description 👍🏻

[@thewebstylist]

Great examples to showcase! I was hoping to see what they looked like on mobile I have to say

[@sbuceeh]

Hi Payton! I absolutely love your videos thank you so much! Can I ask an unrelated question. Do you include site migration in your price or you charge it separately?

[@PaytonClarkSmith]

Thank you! 🙏🏼 I charge for migrations separately. They are usually between $1-4k depending on size

[@domingoj]

As long as it converts, it works.

[@GHSB7462]

thanks

[@d.o.nmuzic3802]

Thank You 🙏🏾 I would love to see how each of these converts to mobile. Thank You for sharing 🙏🏾 I’m definitely learning from your videos

[@PaytonClarkSmith]

Happy to hear that! I might have to make another video showing mobile, we’ll see

[@thekingoftheland]

If you dont mind answering, about how much do you make from your website agency(s) alone?

[@Santi1990]

hi, where i can find layouts to find inspiration in my webs? txx

[@dickyvarma]

no. 12 simple bento grid, i like it

[@PaytonClarkSmith]

It’s nice right?!

[@Downgrde]

is there a way to see them in a mobile layout?

[@lc.crpyto]

hey man, I've got a question about your course. I have 0 experience in web design, does it still make sense for me to join or is it targeted for people with experience?

[@1000xdigital]

My wife left me for the guy that builds horizontal websites.

[@RocknRollCEO]

Will be nicking no.6, which is pure glory.

[@PaytonClarkSmith]

🔥🔥

[@WanderingTechie]

I’d love to see these designs on mobile view. Since mobile accounts for more web interactions than desktop.

[@johnnymonroe6085]

Would you be open to doing portfolio review videos where your subs submit their portfolio, you critique things like layout, how projects are presented, etc. and then give feedback on how you would improve the portfolio site?

[@PaytonClarkSmith]

I’ll keep this in mind, it’s a good idea thanks 💪🏼

[@princeblack44]

I really like those but I would like to see them in mobile too 😊

[@SehrishMoujahid]

i subscribe you

[@TheDiabolus]

Love the vids but you don't specify what you are using to build these sites...

[@erik.swartz]

#6 is just page content at the top. Attractive, but not a hero section.

[@java101full]

Why does no one give a fu** about mobile layouts when 3/4 of the visits are from smartphones?

[@PaytonClarkSmith]

I have videos on mobile layouts too 😉

[@llothar68]

Is there any webdesign left that is not just putting top-down stripes of sections. This is all so boring and looks like the skill level of the average idiot (like me) is good enough for web design.

[@james8356]

In this game pretty much you can either be an AMAZING designer who does crazy animations and layouts that are extremely niche and unique. Or you can be a designer who understand UI UX and just makes very similar websites that are practical and make conversions. If you want to be the latter then in my opinion you need to offer more services such as development, seo etc if you want to stand out.

[@PaytonClarkSmith]

It’s a fair point. These website conventions or expectations were established a long time ago so we kind of need to play within those boundaries. Sure, you could try to come up with new never-before-seen ideas but if it goes against what people are used to, it can be hard to get people to adopt it. But maybe one day 🤷

[@llothar68]

@@james8356 I'm an independent software vendor. So i understand that for my niche i the "be conventional for conversions" is the main focus. But even all this hero sections seem to be terrible simple. Everytime i get over some artful sites i applaude. But it's so disappointing now when even the offical Dune2 movie page just uses a bootstrap template. I'm old enough to remember the early 2000 years where movies, music and games had the most crazy websites of their time. Taylor Swift makes half a billion for a concert tour and can only put her photo into a wordpress/bootstrap gallery? Jesus.

[@user-Ef6op8qz7f]

Please make a video on how to send data[like image, name, price, and description I mean product details] in Firebase through the web flow 🥲🤔😭😢😭😭😭please make this video early because I need it 🥺