20+ Stunning Web Sites with Full Size Photo Backgrounds

by Lars on June 23, 2010

20+ Stunning Web Sites with Full Size Photo Backgrounds

Web design inspiration is always helpful as looking at the creative creations others have done can kickstart your own creativity. There are obviously different approaches you can take and what fits your needs best typically depends on the content and concept, the business or organization the web site represents. One option is using a photo as a key element in your design. It is certainly not every photo that will work, but generally if you find one that support the concept well the result can be really great. Using photos as a dominating part of the web design itself is typically seen in flash websites but also CSS based web sites exist. While large photos can be great for setting the scene and generating the right atmosphere it can be a problem to load times. Designers need to take care that the details in the images are not making it too heavy when it comes to download size. Flash loaders may help here, but still the Internet generation will move on if they have to way a few seconds. In this article, tripwire magazine show you 20 fresh stunning examples of using photos as a design element and central piece in web design.


WooThemes - Made by Designers
WooThemes - Made by Designers

Advertisement

krojacevaskola

image

Faith Fashion

image

Josh Hemsley

image

grodd

image

gil.mx

image

2ammedia

image

Doruk Eker

image

dibiconference

image

culinaria

image

alexantuna

image

eurostock

image

Mike Condrick

image

iq2mountainfestival

image

Aneta Langerova

image

UBBT

image

Beatriz Carosini

image

Alley Pfannekuchen

image

Australia Day

image

marina yachting

image

stripes-design

image

the ship and the sea

image[11]

kawa.lviv.ua

image

Brand Republic

image

{ 14 comments… read them below or add one }

Jennifer R June 23, 2010 at 7:45 am

nice collection, thank for that man :)

Reply

Kent Tan June 23, 2010 at 9:43 am

Cool! Actually, won’t full photo backgrounds take too long to load and cause usability issues? They are really nice, though.

Reply

tripwire team June 23, 2010 at 10:39 pm

@Kent, you are right. Images should be low detail and well compressed. With regards to usability I agree it is not the main focus in this type of design.

Reply

Web Design Preston June 25, 2010 at 11:42 am

Thanks for featuring 2am Media in your list – if you like full screen images you should also check out our other site http://2amdesign.co.uk

Reply

tripwire team June 25, 2010 at 8:00 pm

@Preston, your welcome. Wow your other site looks awesome!

Reply

Pete Dooley June 28, 2010 at 11:42 pm

Some great ones. Mines cleaner.
http://driftwoodhouse.com

Reply

tripwire team June 29, 2010 at 8:42 am

thanks for the tip!

Reply

Jenny July 2, 2010 at 7:25 am

1. thanks for the amazing listing of sites.
2. i would like to add this site in your list as it uses some unquie kind of effect when it opens and has full images

Reply

Photoshop Vip July 29, 2010 at 4:45 pm

Your picture is used by stealth on the website in Japan.

Reply

?????? August 3, 2010 at 9:03 am

thanks man its amazing …… loool

Reply

Atlanta Web Design Classes September 24, 2010 at 6:46 pm

Simply stunning designs.

Reply

Web Design Preston January 12, 2011 at 6:31 pm

It’s great to see you’ve included some homegrown talent in your list – you’ve included a company who are very local to me!

Reply

current sense amplifier March 6, 2011 at 11:26 pm

I think my favorite was “the ship and the sea.” Very easy on the eyes.. If I chose a 2nd, it’d probably be the layout at “gil.mx,” the clarity of the photo is amazing.

Reply

Norio January 19, 2012 at 3:29 am

Great list of cool websites.
It seems that many of the sites in your list have background images covered with some kind of dotted pattern layer.what do you think is the purpose for doing that kind of effect?
Apparently that adds some good influence on each image.

Reply

Leave a Comment

{ 13 trackbacks }

Previous post:

Next post: