30 Examples of Big Backgrounds in Web Design

By / Nov 8, 2010 / Inspiration
shares

A trend in web design that has been popular for a while, and still seems to be gaining momentum, is the use of big background images. It’s an easy and effective way to add lots of interest to a design and set the overall tone with one photo or illustration. However, doing this is a bold move and you run the risk of creating a web site that has too much going on. So it’s important to find a balance between the background and other elements of the design. To give you some inspiration, here are 30 examples of web sites that use this technique effectively.

Stephan Siegrist

bbackgrounds01

Noah Stokes – Es Bueno

bbackgrounds02

Grand Canyon Skywalk

bbackgrounds03

Yes I am Precious

bbackgrounds04

Because Studio

bbackgrounds05

Sur La Piste – Carlos

bbackgrounds06

Immersive Garden

bbackgrounds07

Sayonara

bbackgrounds08

Mavic

bbackgrounds09

Derek Welsh

bbackgrounds10

Airwalk

bbackgrounds11

Piero Martinello

bbackgrounds12

Studio Tilt

bbackgrounds13

Giles Revell

bbackgrounds14

BVD

bbackgrounds15

Chicago L-Shirts

bbackgrounds16

SabotagePKG

bbackgrounds17

Mike Stocker Photography

bbackgrounds18

Coal Headwear

bbackgrounds19

Twelve Restaurant

bbackgrounds20

Go To China

bbackgrounds21

Festival Mundo

bbackgrounds22

Paul Smith

bbackgrounds23

Merus

bbackgrounds24

Medis Bar

bbackgrounds25

The Squad

bbackgrounds26

Summer Love

bbackgrounds27

Free Agent Depot

bbackgrounds28

160over90

bbackgrounds29

Turkish Cosmetics

bbackgrounds30

Source:

Site Inspire
The Best Designs
CSS Mania

About the Author

Gisele Muller loves communication, technology, web, design, movies, gastronomy and creativity. Web writer, portuguese/english translator and co founder of @refilmagem & @mentaway Twitter: @gismullr

26 Comments

  1. Hedon
    November 8, 2010

    Greaaat! thanks!

    Reply
  2. Sachin Gupta
    November 8, 2010

    It’s awesome collection of backgrounds.

    Reply
  3. freelance logo
    November 8, 2010

    nice inspirational examples! using big background images in web design is one of the best way for me to come up with something unique and interesting.

    Reply
  4. Jocke
    November 8, 2010

    There’s also http://varmlandofscandinavia.com/

    Reply
  5. Kimchi
    November 8, 2010

    The website examples are amazing. Thanks for the share. I think the biggest problem with such websites are in the SEO perspective because a lot of the examples above are flash websites that are very hard for search engines to crawl. If as a developer you are aware of this, and you manage to create a website that looks great and is search engine friendly – then you are destined for great fortunes with your project.

    Reply
  6. Mariusz
    November 8, 2010

    …and http://mariuszciesla.com ;)

    Reply
  7. Vincent Bons
    November 8, 2010

    Perhaps you should have waited a little longer for ‘Free Agent Depot’ to be loaded when you took the screenshot… Its not really complete now. Besides that: a nice example list.

    Reply
  8. benedetta.s
    November 8, 2010

    Really nice collection! Sayonara is my favorite. Thanks!

    Reply
  9. Web design Manchester
    November 8, 2010

    Sky walk is amazing

    Reply
  10. DTX Studios
    November 8, 2010

    Cool collection! Thanks for the share.

    Reply
  11. Boost Inspiration
    November 8, 2010

    Nice roundup. Big backgrounds really look great in web design.

    Reply
  12. Sherif Mohsen
    November 8, 2010

    Totally amazing !!!

    Reply
  13. Gareth
    November 8, 2010

    Great article, though the free agent depot sample shot hasn’t fully loaded ;)

    It’s every developers worst nightmare to come across a design that has a large background, it makes optimisation really hard work, but the examples you have posted seem to cope really well and they work really well.

    Awesome :)

    Reply
  14. Scott
    November 8, 2010

    Mavic and Because Studio both look really striking. Fave has to be the first one, just for using the tight rope in the mountains picture. Great collection.

    Reply
  15. Cre8ive Commando
    November 8, 2010

    Mmmmmm … I like big backgrounds … ;-)

    Reply
  16. Web Design Hull
    November 9, 2010

    Some of these backgrounds look amazing, my favourites are Sayonara and The Squad.

    Reply
  17. Terry Dunn
    November 9, 2010

    I think it can be tricky to get backgrounds to look right. But these examples are amazing. An inspiring collection.

    Terry

    Reply
  18. Dave
    November 9, 2010

    Love the first one with the guy on the tightrope between the mountains. Awesome!

    Reply
  19. Bryan
    November 9, 2010

    Wow! I find these pages breath-taking. Been wanting to try making these kinds of interfaces but couldn’t find the right background.

    Reply
  20. Ratesman
    November 9, 2010

    awesome collection of backgrounds

    Reply
  21. lynn
    November 10, 2010

    Great selection. I’ve been wanting to design a template or two – this is just the inspiration I needed.

    Reply
  22. Chris
    November 14, 2010

    nice collection – cheers heaps for putting together and sharing

    Reply
  23. Angelee
    November 25, 2010

    For sure there are hundreds of designs out there with huge background, but thanks for sharing this collection. I’ve seen one from carsonified before but I can’t remember the link. It was really an awesome design and it should have been one of the sites mentioned above. Thumbs up for Studio Tilt!

    Reply
  24. Adam Hermsdorfer
    November 26, 2010

    Love these large background sites. WordPress is making it pretty easy to customize the dashboard to make large background sites easy on the client.

    Reply
  25. Maxime De Greve
    November 27, 2010

    Nice list! This Coal Headwear is beautiful! Nice colors, nice atmosphere!

    Reply
  26. Gina Galileo
    November 8, 2011

    Super Awesome! Thank you for the post! Great settings for the user experience.

    Reply

Leave a Reply