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

36 Comments

  1. 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.

  2. 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.

  3. 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

  4. 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.

  5. 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.

Leave A Reply

Please enter your comment!
Please enter your name here