Design The Perfect Hero Section (With Example) 

In the end, you mentioned Psychological tricks.. and explained 3 such principles... "Free" + Social Proof + Logos.. could you please make a video about as many of those things that can be optimised in entire website (not just hero section) like About section, Projects section and footer and same for Mobile view it Apps.

I’ve recently discovered your channel and I must say I really like your teaching style! Extremely engaging, thanks for all the knowledge! 👊🏻

Just a random nerdy thought but this video would've been perfect to release on May the 4th

Absolutely love watching your videos because of the precise knowledge you share. Thanks a lot for making them and look forward to more insightful content from you guys!

I really like the minimalistic look of the team of rebels.. and all those simple geometric shapes are sold for me. this is just great. maaan your webdesign skills are just another level.

Finally soone who speaks in a calm way and getting to the point asap

Those questions (for what copy should go on the image) were SUPER helpful!!!

Thanks for the new video! I’m looking forward to seeing what other content you post! Always good to learn as much as you can!

SUPERB, Simply, Superb, your techniques are power, yet simple, it is at a pace my brain likes, rapid but clear and concise, I can watch this vlog again based on it's, "refreshing" factor; because it was truly that for me, refreshing, thank you for your extremely valuable contribution.

It's like you design at the speed of thought. Really inspiring man!

That was good :-) Breaking down the process into a short course. Love it.

So much value my man! Thank you 🔥🤝

Each and every video is full of valuable content which really helps me to learn new things about Web Design every day. Thank you so much for this video Godspeed !!!!

Very helpful video! Keep coming back with Amazing content!

Can't wait to see more videos like that. It could be a hero section series for many different websites cheers

You are the best! I loved this video and the manner how you explain this tema. Congrats!

Holy smokes. That was awesome to watch you design.

Brother Your Method of Explaining is so good!

Very helpful and mind blowing for starter like me, subscribed.

So much knowledge on this channel 👏

Wow that was amazing - realise you speeded things up shortened steps but the process was great to see - one of my biggest achilees heel is procrastination of directions and options I just get so many ideas and concepts its hard to choose especially with clients that say they know what they want when they see it - that puts all the risk on me in coming up with stuff that potentially they wont like and I need to figure out some better ways - was great to see your approaches really helpful

Fantastic video! Thank You!

Such a good website design you made!! ❤

This was insane value 🔥

Thank you so much for the valuable information.

This is really amazing. Thanks for this

Thank you very much for this!

That was really great. We want more like these

very educational and eye opening! love the content

Hi man, do you have any videos on your studio setup? Would be awesome to see how you do it. It looks wonderful!

Ya bro. Wow!! Thanks for reminding us that hero sections are still quite important for real.

The photoshop and brainstorm skills are brutal!

Very helpful n creative....thanks

I learned a lot!!! Thanks a lot

I like your style to teach, you know how to condense information and give it very easy for understanding.

thank u helped me a lotNice tutorial.... Very helpful

loved it. thanks :)

now that was really helpful!

This was great but one thing I always struggle with is once I design something for a website I find it doesn’t always work on mobile. Given that the majority of people use mobile nowadays how can I make a design that looks and works just as good on both without making too many sacrifices?

I gave a like by the second i saw the Jedi intro. Love it.

It's maybe just me, but when I come across a website that presents those aspects of this last optimization part, with plenty of calls-to-action, especially the word "Free" and doubtful testimonials / fake recent profiles everywhere, it always makes me feel like the website is a kind of scam or will force me in a way or another to pay for its services just after the subscription is done + will take the opportunity to steal and sell all of my data I would just have given to them. If we add the extra pop-up that cover the whole screen and we are done lol. But I get the idea of course, nice video, the render is really great. With a bit of parallax effect on the starship and death star, it would be a perfect landing page!

Damn you are so creative! 😮❤

This was an amazing concept and well executed! I feel like I should dust off my PS skills and create some amazing landing pages.

Great video man!

A great tutorial. I'm very interested in taking all of your courses.

I love it !

Thankyou for actually explaining tNice tutorialngs. Other videos that I watched started talking about how to make soft and didn't ntion anytNice tutorialng

a very good tutorial 🙏

This is an excellent illustration of a properly professional design process... also, loved the rebel alliance illustrative example😃👍

Even with the fast forward editing, i can see tht you work really fast.

This is a great video!

Thank you

I definitely learned something new today

Great video 👏

Thanks for the video, it really inspiring. Please can I get the link for the class? I really wish to start with the right skill

Thank you, bro!

Hello, I'm learning about web design, I think this video is great, and I'm a Star Wars fan so because of that I enjoyed it even more. Thanks for such a great content! What is your opinion about using Elementor for web design? do you recommend it? for optimizing images, which is more useful to learn: photoshop or illustrator, or depends? Have a great day.

You are a great guy

רן אתה המלך

how do you define the spacing between the elements on the left (heading/subheading/call to action button)?

May the Force be with you 🙂

good job, always 🎉

Very cool thanks! How would this scale down to a mobile layout?

You the best 🔥

very clever and fun

Excellent intro. It had me dying LOLL

Epic tut!

Thank you! I'm excited to use yor guide.

good tutorial👍👍👍

I have seen the light 🤩

Amazing!

handy for resetuping s or creating karaoke tracks. Thanks for the recomndation!

it's really awesome please make more like this. I am so inspired thank you so much

So good 😆👍🏼👍🏼

Love it

Pretty great video. But still designing for desktop only in a mobile driven world. Need to make a follow-up for portrait mobile hero section!

Great!

You are lucky my favourite nice tuto is nice tuto

What did I just watch? 🤯🤯. You design so fast...

ahh was great thanks.

ty

amazing

Nice to know that both Obi Wan and my Daughter has joined the rebels. 😂 Great content as always. 👍

Thanks🤝

7:50 wow you are crazy quick! I wish I were that fast :0

facinating

awsom

Awesome

1.Clarify who should care and why 2.Create wireframe 3.Create concept 4.Developing image 5.Design 6.Optimize

Wow wow and wow. Design is the hardest thing ever and you designed this like its nothing

hey Ran! i was hoping you could link me to the recent live stream workshops(airpod competition) because I don't see them on the channel and cant find them in the playlist for workshops. the reason I ask is because I was hoping to do the project aswell to work on it for a portfolio piece.

Good 1😎

I have a question about the page/section height. When I watch design videos, most often when designing for desktop screen sizes designers use a 1440x1024 frame however the actual viewport height of the browser is usually significantly less. As a developer I can either make the section vertically responsive and make each section fit perfectly into the vh(viewport height) or keep the height pixel perfect to the design and just accept that on many devices the bottom of the hero section for example would not be visible until the user scrolls down. I am a developer with a some design skills but I'm very green In web design so I imagine this may be obvious for some however I was curious if there was a concrete/industry standard solution or if this is more of a judgement call.

How can I make a picture stuck on the bottom of a section? (I see it where they show people in their sections, their bottom part is cropped, but you see their head and body if this makes sense)

🎯 Key Takeaways for quick navigation: 00:00 🌎 *Understanding Hero Section Importance* - The hero section is crucial; 90% of users leave a website within the first 15 seconds if the hero section is not engaging. 00:29 🎯 *Clarifying Purpose through Strategy Session* - Conduct a strategy session with clients to understand their goals, value proposition, and call to action. - Distill gathered information into a clear value proposition and a compelling call to action for the hero section. 02:05 📐 *Creating Wireframes for Layout Planning* - Develop a wireframe to organize and visualize the content elements of the hero section. - Layout considerations include value proposition, call to action, logo, navigation, and potential images. 04:05 🎨Developing *Creative Concepts for Imagery* - Generate creative concepts for powerful visuals in the hero section to evoke emotional reactions. - Explore multiple ideas, such as depicting a ship flying from a burning Death Star, a parent and child with a burning Death Star, or a team of rebels. 06:38 🖼️ *Developing Imagery Assets* - Once the creative concept is approved, develop imagery assets, considering budget and client preferences. - Use tools like Photoshop to compose and enhance the visual elements for the hero section. 08:42 🎨 *Designing Hero Section with Typography and Colors* - Apply design principles, including typography and colors, to create an aesthetically pleasing hero section. - Ensure good hierarchy to emphasize content and imagery effectively. 09:53 🚀 *Optimizing for Conversion with Psychology Principles* - Implement psychological principles like making the action free, leveraging social proof, and showcasing credibility through media features. - Optimize the hero section to increase the likelihood of user conversion, in this case, joining the Rebel Alliance. Made with HARPA AI

please tell me where you bought that canteen

Nice

great

WOW!

This is a hella Good explanation. #flux