Line25

30 Web Designs that Fully Embrace the Hero Image

Read the full post

The Hero image trend in the web design industry has developed so much over the past few years that the vast majority of new designs feature some kind of large introductory photograph. These huge background images have been dubbed hero images, a term that has been adopted from the print industry where page filling images are commonly seen in magazines. Hero images prominently fill the screen to wow the user, often only accompanied by a heading or a sentence and a single call to action such as a sign up form or button links. Today’s roundup showcases 30 sites that fully embrace the hero image, granting the maximum amount of space possible to this design feature and shifting all other content thousands of pixels down the page.

Ghost

Ghost

Tatamagouche Brewing Company

Tatamagouche Brewing Company

The Brand Bat

The Brand Bat

The Renovator

The Renovator

Molly & Me Pecans

Molly & Me Pecans

Kin HR

Kin HR

Hammerhead

Hammerhead

Playground Inc.

Playground Inc.

Ditto Residential

Ditto Residential

Rob Lutter

Rob Lutter

Daniella Draper

Daniella Draper

The Gilder

The Gilder

InVision

InVision

Red Bullet

Red Bullet

CatScarf

CatScarf

Mextures

Mextures

Martina Sperl

Martina Sperl

Pollen

Pollen

eHouse Studio

eHouse Studio

Cleverbird Creative

Cleverbird Creative

The Art Of Sculpting

The Art Of Sculpting

Magnus Backstedt

Magnus Backstedt

Papertelevision

Papertelevision

M2B

M2B

KittenLaserFood

KittenLaserFood

Magisto

Magisto

Reminder Media

Reminder Media

Alto Labs

Alto Labs

Gladz

Gladz

Matter of Form

Matter of Form

Free web shadows pack for every subscriber

Join the mailing list to have new content delivered straight to your email inbox. Every subscriber gets a free pack of realistic web shadows.

Written by Chris Spooner

Chris Spooner is a designer who loves experimenting with new web design techniques collating creative website designs. Check out Chris' design tutorials and articles at Blog.SpoonGraphics or follow his daily findings on Twitter.

  • http://muzemultimedia.com phil

    They are all well designed websites. You have to be really good with JavaScript or Jquery to pull that off

    • http://www.skyblueoceanmedia.com Sky Blue Ocean Media

      Yes your right about the jQuery it is still very tricky for the advanced user also.. I like the new tween effects in the next version of jQuery have you heard about this?

  • http://edansa.co.uk Simon

    Thanks again Chris. I was suffering from designer block on a current project today and this selection really helped to inspire me.

  • http://www.marlinwebdesign.com Marlin Web Design

    Chris this is awesome, thank you so much for sharing.

  • http://www.prosites.com/services/identity-packages/ Teelah

    These are great, full screen large images are so popular now. Glad to see some great responsive design in the mix. Thanks for the share though. Are any of these wordpress templates?

  • Jack Thorogood

    Asana is quite a nice example of a mainstream, more ‘functional’ site which employs this approach too.

  • http://www.mihanortho.com/ متخصص ارتودنسی

    very very nice:)

    thank you

    “yashasin azarbaijan”

  • http://www.websitecodemaker.com CSS3 Genarator

    Very well done.Are you create a amazing inspiration jobs.

  • http://www.graphicidea.com GraphicIded

    Good Idea for web designing thanks

  • http://uk-gg.com Jay Kapor

    Great Article. it’s Really Helpful and Enjoyable Post for Every Blogger. Thank you very much for Sharing with us

  • http://muchmoremarketing.co.uk Ian Harris

    Hey Chris,

    Where’s the weekly sites of the week? Have you lost internet connection? (lol)

    I need my Friday fix!

  • http://m-2soft.blogspot.in/ m2soft

    great article…. thanks for sharing…

    web development

  • http://www.apextgi.in Apex

    I personally like Cleverbird Creative web design. It has good look and feel and a samll change in Jquery and CSS would make it suitable according to your website needs.
    All theme are great !! thnaks for posting such a nice collection of wed designs

  • http://www.mashinbazar.com/ قیمت روز خودرو

    Hi there, I found your website via Google while looking for a related topic, your website came up, it looks good. I’ve bookmarked it in my google bookmarks.

  • http://www.chargedirect.ir/bill پرداخت قبض تلفن همراه

    hi,thank you very much for website
    good wishes

  • Zahir

    Hi Chris

    I am mainly a graphics designer and haven’t really concentrated on web design. Seeing this article has made me realise you can merge the traditional graphic content on the Web. You don’t have to follow the same boring designs concept that most websites use.

    Thanks for sharing

    Regards

  • http://www.payannamehsara.com/ پایان نامه سرا

    thank you

    nice :)

  • http://www.bestdevelopmentcompany.com/web-design-development Denise

    These are truly inspirational web designs. These types of landing pages can easily increase conversion rate.

  • http://webdesigningbhopal.com/ webdesigningbhopal

    Bit-7 Informatics is a Website designing company in Bhopal Madhya Pradesh, leading in IT field.
    for more details please visit our website – http://webdesigningbhopal.com/

  • http://freemp3skull.net/ lagu

    hhmmmm very nice template .
    i see some template use nice css3 and jquery ..

  • http://addictivelists.com Addictive

    Thanks for sharing these awesome inspirational designs..

  • Johnd221

    Excellent blog right here! Also your site lots up very fast! What web host are you the use of? Can I get your affiliate hyperlink for your host? I desire my website loaded up as quickly as yours lol gbbedgbfdcdb