5 HERO Sections Styles That You Can COPY
1.8K views · 2023-09-29
UI Design
Get 10% Off on Mobbin Pro or Team plan in the world's largest mobile and web design library: https://bit.ly/4eC89Ec
Hey friends, in this video I’ll share with you 13 hero sections layouts that you can use into your e-commerce websites. I’ll share with you the keypoints of each one, the anatomy of the hero section and share 6 tactics to keep in mind when creating this fundamental elements in websites.
Chapters
0:00 Intro
0:14 Hero anatomy
2:17 Hero design layouts
2:24 Left right layout
3:41 Background image/video layout
4:08 Centered layout
5:08 Horizontal layout
6:30 Unusual layout
7:23 6 tactics to craft the perfect hero section
Let me know in the comments what other topics you need to be covered!
#hero #webdesign #ecommerce
Thanks for watching this video. If this video add value to you please make sure you subscribe the channel, like and comment the video so that I can keep up with content like this to help you become a better designer. 🙌
👉Subscribe Envato for unlimited downloads resources: https://1.envato.market/zaNvOM
👉Try Adobe for free https://adobe.prf.hn/click/camref:1100luj8w
👉Host your website with Hostinger https://www.hostg.xyz/aff_c?offer_id=6&aff_id=151637
👉Tubebuddy - The ultimate Youtube creators tool https://bit.ly/tubebuddyRicardo
Connect with me on social media
👉 Instagram https://www.instagram.com/ricardocostadesign
👉 Facebook https://www.facebook.com/ricardocostadesigner
👉 Linkedin https://www.linkedin.com/in/ricardocostadesign
👉 Twitter: https://www.twitter.com/ricardocostaeu
👉 TikTok: https://tiktok.com/@ricardocostadesign
🧑💻 Layouts presented in the video
https://topofthemornincoffee.com/en-eu
https://aurabora.com/
https://press-london.com/
https://growarber.com/
https://www.daily-harvest.com/
https://www.spritzsociety.com/
https://www.gymshark.com/
https://credobeauty.com/
https://www.asphalte.com/
https://immieats.com/
https://lastcrumb.com/
https://xovcookies.com/
Hey friends, in this video I’ll share with you 13 hero sections layouts that you can use into your e-commerce websites. I’ll share with you the keypoints of each one, the anatomy of the hero section and share 6 tactics to keep in mind when creating this fundamental elements in websites.
Chapters
0:00 Intro
0:14 Hero anatomy
2:17 Hero design layouts
2:24 Left right layout
3:41 Background image/video layout
4:08 Centered layout
5:08 Horizontal layout
6:30 Unusual layout
7:23 6 tactics to craft the perfect hero section
Let me know in the comments what other topics you need to be covered!
#hero #webdesign #ecommerce
Thanks for watching this video. If this video add value to you please make sure you subscribe the channel, like and comment the video so that I can keep up with content like this to help you become a better designer. 🙌
👉Subscribe Envato for unlimited downloads resources: https://1.envato.market/zaNvOM
👉Try Adobe for free https://adobe.prf.hn/click/camref:1100luj8w
👉Host your website with Hostinger https://www.hostg.xyz/aff_c?offer_id=6&aff_id=151637
👉Tubebuddy - The ultimate Youtube creators tool https://bit.ly/tubebuddyRicardo
Connect with me on social media
👉 Instagram https://www.instagram.com/ricardocostadesign
👉 Facebook https://www.facebook.com/ricardocostadesigner
👉 Linkedin https://www.linkedin.com/in/ricardocostadesign
👉 Twitter: https://www.twitter.com/ricardocostaeu
👉 TikTok: https://tiktok.com/@ricardocostadesign
🧑💻 Layouts presented in the video
https://topofthemornincoffee.com/en-eu
https://aurabora.com/
https://press-london.com/
https://growarber.com/
https://www.daily-harvest.com/
https://www.spritzsociety.com/
https://www.gymshark.com/
https://credobeauty.com/
https://www.asphalte.com/
https://immieats.com/
https://lastcrumb.com/
https://xovcookies.com/