amazing

A team of happy rebels ? 😂

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

This way of prototyping will be taken over by AI in the next years

🎯 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

i feel stupid wasting time with HTML and CSS when I can just use whatever hes got. everyone's a web designer now lol.

please tell me where you bought that canteen

why do all designers preach "mobile first" and nobody uses it?

You are a great guy

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!

Such a good website design you made!! ❤

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

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

רן אתה המלך

This is a great video!

Do you have a video where you show how you transfer the design from figma to wordpress?

designing for desktop is easy, but you always still have to design the same landing page for mobile. why no mobile tutorials?

CNN is terrible social proof.

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)

the resources are not available on the website

good tutorial👍👍👍

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 1440×1024 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.

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