30 Examples of Big Backgrounds in Web Design – Round 2

By / Mar 7, 2011 / Inspiration
shares

Four months ago, we showcased 30 Examples of Big Backgrounds in Web Design, and we can say that the trend surrounding big images as backgrounds is still hot. As we noticed that a number of new websites were using big backgrounds, we decided to do a fresh round of examples to inspire you. Here you will see websites using big images as the focal point and you’ll also see sites using big images to enhance the content in creative ways. Keep in mind that using only a huge image as a background is a bit risky, since you might be driving attention away from content. So try to have something “in between those lines”.

blitz

bbackgroungs01

Moods of Norway

bbackgroungs03

Art of Kinetik

bbackgroungs05

Michael Korstick

Handle With Love

bbackgroungs07

Brandon Knaster Jewelry

bbackgroungs08

Te Haku Lake House

bbackgroungs09

blitz

bbackgroungs10

Weight Shift

bbackgroungs11

Frank Chimero

bbackgroungs12

Viventy

bbackgroungs13

Nike Skateboarding

bbackgroungs14

Image the Music

bbackgroungs15

Capturee

bbackgroungs16

Nike Better World

bbackgroungs17

Ben Thomson Photography

bbackgroungs18

YYoga

bbackgroungs19

Cat Rabbit

bbackgroungs20

Nordkapp

bbackgroungs21

Tower

bbackgroungs06

Grandpeople

bbackgroungs04

Gauged2

bbackgroungs02

NFB Interactive

bbackgroungs23

Mies van der Rohe Society

bbackgroungs24

Design Made in Germany

bbackgroungs25

Intercity

bbackgroungs26

Valerio Berruti

bbackgroungs27

German Craft

bbackgroungs28

Treme

bbackgroungs29

Jooji

bbackgroungs30

Source:

The Best Designs
Awwwards
Site Inspire

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

16 Comments

  1. David Devor
    March 7, 2011

    Love the straight-to-the-point elegance that these sites offer.

    Reply
  2. Marcin Retecki
    March 7, 2011

    My website would really suit those examples! I have full-screen photo backgrounds :) Anyway, very nice set, thanks for sharing.

    Reply
  3. Ilkka Kauppinen
    March 7, 2011

    Beautiful! The problem with many of these though is their lousy search engine findability.

    Reply
  4. lono
    March 7, 2011

    Love the use of large imagery, text heavy websites might be good for seo but no one wants to trawl through loads of text…

    Reply
  5. Vivek Parmar
    March 7, 2011

    Wow some of them are too good and exceptionally great. thanks for sharing such useful ones that will enhance creativity of any designer

    Reply
  6. dhaval shah
    March 7, 2011

    excellent collection, great job!

    Reply
  7. Rhiku Nia
    March 7, 2011

    nice .. very inspiring

    Reply
  8. Kenny
    March 7, 2011

    Would love to see a tutorial about best practices for designing and especially coding these large background sites. Know of any?

    Reply
  9. Jaki Levy
    March 7, 2011

    These are all great, though you missed a really nice site in your findings : take a look at http://acanarytorsi.org (this site was featured on Slideshow Pro’s site)

    Reply
  10. GrĂ¼n Weiss
    March 8, 2011

    cool works, good for inspiration

    Reply
  11. Eva-Theresa
    March 8, 2011

    very inspiring, thanks!

    Reply
  12. Gyls
    March 8, 2011

    Thanks for listing TREME’s website ! Made by http://www.ultranoir.com from Paris/france ^^

    Reply
  13. Will
    March 9, 2011

    Great post! Right at a time when I’m going to be designing a site that uses large background images on the homepage.

    As Kenny mentioned, I too would be interested to read about best practices for developing sites that use these large images.

    Reply
  14. Erik
    April 4, 2011

    Awesome post, definitely gets my inspired gears turning. I especially love the examples that incorporate elements of the large image as navigation items.

    Reply
  15. Nicky
    May 27, 2011

    Here is one tutorial that appears to address a lot of our questions:
    http://css-tricks.com/perfect-full-page-background-image/

    This article delineates four approaches to sizing, centering, etc., using CSS3.

    Reply
  16. Trevor Phillippi
    March 30, 2012

    What would I do without you?? Also @Nicky thanks for that, I’m in the process of working on a site like this

    Reply

Leave a Reply