30 Examples of Big Backgrounds in Web Design – Round 2
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
Moods of Norway
Art of Kinetik
Michael Korstick
Handle With Love
Brandon Knaster Jewelry
Te Haku Lake House
blitz
Weight Shift
Frank Chimero
Viventy
Nike Skateboarding
Image the Music
Capturee
Nike Better World
Ben Thomson Photography
YYoga
Cat Rabbit
Nordkapp
Tower
Grandpeople
Gauged2
NFB Interactive
Mies van der Rohe Society
Design Made in Germany
Intercity
Valerio Berruti
German Craft
Treme
Jooji
Source:
The Best Designs
Awwwards
Site Inspire
About the Author
I love communication, technology, web, design, movies, gastronomy and creativity. Web writer, portuguese/english translator and co founder of @refilmagem & @mentaway Twitter: @gismullr
Related Posts
Here's some other articles that you will definitely find useful.
18 Websites that Take Scrolling to the Next Level
Inspiring Type in Package Design
Flat Design Inspiration
21 Beautiful Examples of Using White in Web Design
23 Examples of Flat Web Design
16 comments
David Devor
March 7, 2011Love the straight-to-the-point elegance that these sites offer.
Marcin Retecki
March 7, 2011My website would really suit those examples! I have full-screen photo backgrounds
Anyway, very nice set, thanks for sharing.
Ilkka Kauppinen
March 7, 2011Beautiful! The problem with many of these though is their lousy search engine findability.
lono
March 7, 2011Love the use of large imagery, text heavy websites might be good for seo but no one wants to trawl through loads of text…
Vivek Parmar
March 7, 2011Wow some of them are too good and exceptionally great. thanks for sharing such useful ones that will enhance creativity of any designer
dhaval shah
March 7, 2011excellent collection, great job!
Rhiku Nia
March 7, 2011nice .. very inspiring
Kenny
March 7, 2011Would love to see a tutorial about best practices for designing and especially coding these large background sites. Know of any?
Jaki Levy
March 7, 2011These 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)
Grün Weiss
March 8, 2011cool works, good for inspiration
Eva-Theresa
March 8, 2011very inspiring, thanks!
Gyls
March 8, 2011Thanks for listing TREME’s website ! Made by http://www.ultranoir.com from Paris/france ^^
Will
March 9, 2011Great 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.
Erik
April 4, 2011Awesome post, definitely gets my inspired gears turning. I especially love the examples that incorporate elements of the large image as navigation items.
Nicky
May 27, 2011Here 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.
Trevor Phillippi
March 30, 2012What would I do without you?? Also @Nicky thanks for that, I’m in the process of working on a site like this