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
Watch every video of the Free Web Design course here: https://www.youtube.com/playlist?list=PLXC_gcsKLD6n7p6tHPBxsKjN5hA_quaPI
Learn how to build custom websites with Webflow FAST: https://bit.ly/3xyBsoF
–
Find me on other social media platforms:
Instagram: https://www.instagram.com/ransegall/
Twitter: http://twitter.com/ransegall
LinkedIn: https://www.linkedin.com/in/ran-segall-0b582a33/
–
Gear & Book Recommendations: http://bit.ly/2ohFOuj
#FreeWebDesignCourse #webdesign #freelancer
Thanks for watching the video CREATING A GOOD HERO FOR YOUR WEBSITE: Free Web Design Course | Episode 10
source
I watched half the video and asked myself were are the codes at 😅😅😅 too late to realize xD
I am a seventy year old retired gentleman.
I have ownd several businesses and been at senior management of several Australian Public Companies.
What amazes me about modern business websites is the reluctance of Companies to give "proper" contact information.
They want you to respond on their Web Link but usually no-one is monitoring the website.
No one replies.
WHY are Companies who are advertising their services on the internet so reluctant to post their PHONE NUMBER and ADDRESS?
Are they frightened that potential customers might want to ring them up to get more information or maybe even place an order?
I don't get it!
Maybe it is just modern Corporate greed.
They expect the customer to do all the work with minimal involvement themselves.
You have to wonder why they are "advertising" on the Internet in the first place.
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.
Episode 10
Always check for typos, too. Stake> Skate..
it would be nice if you would be using free programs for this. I have no idea how i should do the image extension in gimp….
u really educating me bro love u
you are awesome ❤
Ran is the so good he called the finished hero page “decent” W Ran awesome video bud!
What size should the hero section be?
It would be great if the CTA button color was white.
Thanks a lot for your sharing!
Do we need a hero while designing for mobile?
thank you very much, your videos are design saving
meh
Very useful, thank you
I'm in love with u, u saved me cause I have a project and I felt messy
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
The design looks really cool but I can't help but think about how bad and contrast-less the button feels
This was really great! Thank you for this video!
I would love to see how you would make this mobile-optimized!
thank you for this valuable information, I have been studying it for some time now. I enjoy that you go into detail about how to do a website
I am seriously interested in your services. Are you interested in building a hero image for my company?
I don't understand why people diss photoshop. It is so advanced. It keeps improving. But i would do Content Aware Fill for the sky.
Someone said to me one day: at google images you can see if has no background image when: on grid, image has white background, and when you click to that image, appears de checkered background
That was sooo Alhamdulillah!
That looks really amazing! The problem for me is how to make something like this responsive though. What if it's on a screen half as wide? Or on a phone? That's something I always struggle with.
The hand of the master.
Thank you Ran, that's cool hehe
Wait…
Who disses photoshop? What are people using instead?
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.
They lied!
Thank you for your enthusiastic lecture. It helped me a lot.
very useful video. thanks a lot.
Thanks for going through that design thought process.
Thank you
I still love photoshop