CREATING A GOOD HERO FOR YOUR WEBSITE: Free Web Design Course | Episode 10

How to design a good hero section.

In this video, I teach you what a hero section is and how it can make your website's audience intrigued or not interested.

What do you think it is that makes us want to stay on a website for longer? Let me know in the comments👇

Timestamps:
· Intro 0:29
· Answer these 3 questions 0:56
· Demo 3:04
· Choosing an image 3:42
· Trick to make an image bigger 4:47
· Bringing in the logo 6:20
· Adding text and buttons 7:39

-
Find me on other social media platforms:
-

#FreeWebDesignCourse #webdesign #freelancer

Thanks for watching the video CREATING A GOOD HERO FOR YOUR WEBSITE: Free Web Design Course | Episode 10

[nickjones]

Literally working on a hero section of a website I'm building and the notification of this video flies across my screen like a white knight with a beard and glasses from Tel Aviv.

[Wesley-Insley-Comedy]

When re-cropping the image to add more sky, simple select the empty area, right click->fill, then do content aware fill. It should do the hard work for you and fill in the sky without having rough pixelation like what happened in your method.

[boukrimohammed]

i started web design 3 days ago, i picked up Adobe XD and learned the basics and the ins and outs of it but when i started copying youtube videos i felt kinda lost and overwhelmed because i didn't understand why i'm doing things i this way and not this way, i was literally going to quite today but i gave this play list a chance . you gave me hope man thank you from the bottom of my heart

[malahimnadeem]

Hi Ran, My name is Malahim Nadeem a UI UX Designer and Web Designer from Pakistan, I have learn remarkable things from your channel and courses. Thank You for sharing with us amazing content which is mostly paid in design schools.

[pranoymehra]

I loved how you manipulated the image!

[nr]

I've seen too many fellow designers flexing their exploration on hero section with less knowledge about the basic (only pursuing the aesthetic). Hope this video will guide them to put the purpose of the design itself on very first place before than everything else.

[robsonjunqueiradarosa]

I am data scientist and back end devloper and your content is helping a lot with my dashboards and presentations. Keep going ahead, dude. Gratitude.

[dakeypunchar]

If you have held this hero till now for some inspiration later on, then please spell the sub-text correctly.












You don't need to say thanks! I need to thank you that you teach so wonderfully.

[hannahdobbs]

The issue I have with hero sections is nobody seems to consider if they are responsive. Your example for instance would look great on desktop but simply wouldn't work on mobile. So many themes also have this issue.

[andrewdeans]

Those eyebrows of yours have a life of their own - almost like there's a puppeteer pulling strings - they bob up and down in synchrony with a bride's nighty on her wedding night.

[dwilliams]

I watched this one after the "Star Wars"-inspired hero section tutorial. I liked how the copy questions were elaborated upon here, and I think the step-by-step process is really helpful for newcomers. Excellent work.

[rvr_axyz]

I have to deliver my digital portfolio in two weeks! The timing was perfect!! Greets from Brazil.

[jessewaller]

Quick tip I just found out too, when searching for pngs, if you go into tools, colour and select transparent, the search results will only be pngs

[jakbo_]

Making the get tickets text white would really draw your eye to the button

[HawkeyesAeroMarket]

Ran is the so good he called the finished hero page “decent” W Ran awesome video bud!

[zibilic]

Your videos are very well-made and incredibly professional. Thank you for sharing.

[calentecardwell]

To see the literal process, it extremely satisfying and equivocal to helpful. Love seeing these types of videos. Thank you, looking forward to more like this. Can you transfer this as is into photoshop with lossless-ness ?

[joseidarraga]

Did anybody realized that he wrote "longest running STAKE events globally" lol.
Btw, great content, Im watching the whole 12 videos series, you are dropping good value for beginners, I am beginner frontend dev, but I wanted like to have the basics to build things that actually make sense! thanks!

[reemmohammed]

I'm in love with u, u saved me cause I have a project and I felt messy

[mrvintage]

This was really great! Thank you for this video!

I would love to see how you would make this mobile-optimized!