12 NEW HERO LAYOUTS YOU CAN STEAL

113,184
0
Published 2023-10-04
💸Wealthy Designer Newsletter (Free):
www.bit.ly/WealthyDesigner

Learn How to Build a Booming Design Business:
www.paitpro.com/

🟦🟦🟦🟦🟦🟦🟦🟦🟦🟦🟦🟦🟦🟦🟦🟦🟦🟦🟦🟦🟦🟦🟦🟦🟦

OTHER USEFUL VIDS:

🎥 18 HERO Sections Part 1:
   • 18 Hero Section Designs You Can Steal  

🎥 13 Mobile HERO Sections:
   • Designing a Mobile HERO Section + 13 ...  


🟦🟦🟦🟦🟦🟦🟦🟦🟦🟦🟦🟦🟦🟦🟦🟦🟦🟦🟦🟦🟦🟦🟦🟦🟦

DESIGNER CREDITS

dribbble.com/qclay
dribbble.com/studioraneu
dribbble.com/sabrinameilya
dribbble.com/awesomic
dribbble.com/qclay
dribbble.com/baguspam
dribbble.com/farrelputra
dribbble.com/kretyastudio
dribbble.com/cuberto
dribbble.com/ronasit
dribbble.com/IvanovicMarko
dribbble.com/morvalabs

🟦🟦🟦🟦🟦🟦🟦🟦🟦🟦🟦🟦🟦🟦🟦🟦🟦🟦🟦🟦🟦🟦🟦🟦🟦

CHAPTERS

0:00 Intro
0:19 HERO Section 1
0:50 HERO Section 2
1:31 HERO Section 3
2:31 HERO Section 4
3:10 HERO Section 5
4:19 HERO Section 6
5:28 HERO Section 7
6:55 HERO Section 8
8:09 HERO Section 9
9:35 HERO Section 10
10:53 HERO Section 11
12:10 HERO Section 12

🟦🟦🟦🟦🟦🟦🟦🟦🟦🟦🟦🟦🟦🟦🟦🟦🟦🟦🟦🟦🟦🟦🟦🟦🟦

The HERO section of your website Is the most important part of your entire website. It Is your first impression and sometimes your only chance to impress each website visitor.

This video shares 12 new and unique HERO section layouts

All Comments (21)
  • @donpapanl
    Great video! All nice for desktops. Love to see a video for mobile "hero" sections and footers!
  • The video was great, but could you also add a sample of how the design would look like in mobile or smaller screens next time?
  • @b_teo
    It would be interesting to see them in mobile mode too
  • @hidayam
    Now this is something new , Great video with good inspirations. The best part is template to content transition with detailed explanations with pros and cons, Await to see more. Thanks.
  • @RachelReimagines
    Great for inspiration! On Hero 9, what would be the best practice to maintain the H1 (for SEO purposes) when developing this layout?
  • @alexirabor
    Great content. Please, what software did you use in combining the shapes to form the mask in hero section 3?
  • @marooonsky
    Thank you for making this type of video! It's always inspiring. I would like to see layouts for other section as well. It would be awesome! Thanks for your work.
  • @TACDetective
    @Payton Clark Smith what software are you using to illustarte the rounding corners in section 3 please?
  • Nice layouts. Please I need an answer to this. For the third layout, what software was used to design the frame? Please respond or reply me, thanks ahead 😊
  • @kevynlevine
    I love these types or videos - so inspirational! Thats for gathering all of these samples.
  • @ivan.prosic
    Great video Payton! Can you say perhaps which designer did HERO Section 5? I went over all the profiles and I cannot find the dribbbble design
  • @Expertoverflow
    Please teach us how you made masked images in a custom shape that quick! I could find that very useful right now. Just found your channel and I love it.
  • @tomashudolin7197
    In the first case I have problem with button before the claim text. So you have to click on that button and read the text then?
  • Thanks for your great videos! But I can't open a file. Unable to open the file at present. Can you help me how can i download it?
  • Hi there Payton, I've been following your content for a while now, I appreciate your content and I absolutely love the priceless value you put out there. However I wanted ask a few questions, apart from design and development what are the other services that go into ensuring the success of a website, especially in the marketing space. I'm aware of SEO and email marketing but what are other services that clients are usually I need of in the marketing space. Finally, is automation a viable service to offer right now