20 Stunning Examples of Web Designs build around a Photo

February 14, 2013 · 44 comments

by Dustin Betonio

web-designs-build-around-a-photo

The right image in the right spot can say more than thousands words, don’t you agree? Using a photo as a key element of web design can give your website an added visual element, as well as depth and space. It is certainly not every photo that will work, but generally if you find one that support the message you are trying to communicate the result can be really great. Using photos as a dominating part of the web design itself is typically seen in photography website templates and many are build on WordPress these days. 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 stunning examples of using photos as a design element and central piece in a web design to get a point across to the viewers or to add more depth into the design.


ElegantThemes
ThemeForest

Advertisement

1. Les Galantes

image

2. Spencer Streets

image

3.  Mission First

image

4. City Tag

image

5. Change Given

image

 

6. Le-Bk

image

7. JabberDust

image

8. Property Pass

image

 

9. Nick Cates Design

image

10.  elettro.luce

image

11.  Josh Sender

image

 

12. fix outlook

image

 

13. bressane

image

 

14. TN34

image

 

15. Killer Clothing

image

16. Raffaele Catania Designer

image

 

17. chopin2010

image

18. Antonio Floro Flores

image

 

19. 1md

image

 

20. hdqt

image

 

Please leave a comment if you know some great web sites where photos are dominating the design.

Author : Dustin Betonio

Dustin Betonio is a Translation Management graduate at University of Mindanao. His earlier career was devoted on customer service outside the information highway. Currently studying Law in the same University.

{ 36 comments… read them below or add one }

webseite erstellen September 20, 2013 at 1:03 am

Schoene Seite :D

Reply

Orlando McCree July 18, 2012 at 9:12 pm

Extraordinary list indeed. Gives many ideas and inspirations. My favorite of this group is Raffaele Catania.

Reply

Dan Brown March 22, 2012 at 9:10 pm

Nice examples, always liked websites created from pictures. When done well they can be very powerful visually and give the illusion of form.

Reply

Solvonix November 11, 2011 at 7:32 am

This site is very nicec it is very great site

Reply

webadrett November 6, 2011 at 3:15 pm

very nice list!

Reply

childrens place voucher codes September 17, 2011 at 6:13 pm

I just love those designs, especially number 10, quite nice

Reply

Estela Schabel August 2, 2011 at 1:30 pm

Remarkable designs seriously all ov these have stolen my heart for a while …………excellent.

Reply

enoryjoll July 30, 2011 at 1:30 pm

the categories related to this site are really awesome and especially the engine graphics are really amazing, visit me at
http://www.legitwebdesign.com.au/
thanks!

Reply

Marama- Web Design July 7, 2011 at 8:20 am

Some really great ideas here! I particularly like the fish one and the one with the empty chairs. Thanks Dustin :)

Reply

web design memphis July 7, 2011 at 3:09 am

These are great examples. You have inspired me to hire a real photographer for my web design company. Istockphoto can only get you so far.
Thanks for sharing.

Reply

Refresh IT June 3, 2011 at 1:49 pm

Number 3 and 16 are great examples. A stunning photo can negate the need for complex design and over-detailed content. Thanks.

Reply

coventry wedding photographer May 29, 2011 at 3:41 pm

Photographers know how to choose the right equipment to give them the best picture. They use different things such as lights, lenses, and film to create a picture. New digital technology is being used more and more by photographers. A lot of them use computers to finish their work.

Reply

Santos February 5, 2011 at 9:53 pm

Inspiring. I particularly like the “fix outlook”.

Thanks for sharing.

Reply

Start Photography February 3, 2011 at 2:58 pm

Yeah.
I’m agree.
These web design are really stunning.
This inspire me so well to improve my site. Thanks :D

Reply

web development December 15, 2010 at 5:58 am

Excellent post, one of the few articles I’ve read today that said something unique! One new subscriber here :)

Reply

Dreamweaver training December 15, 2010 at 5:56 am

Great post, do you mind if I re-blog this (with full attribution and linking)? I really want to share it with my readers, they would find it very useful.

Reply

Mary Lorraine Macasa October 13, 2010 at 4:47 pm

WOW! Your samples are indeed STUNNING! Great job especially numbers 15 and 16. Impressive! Keep up the good work!

Reply

frank September 27, 2010 at 5:41 pm

there is no online and offline design
principles are always the same…

Reply

werbeagentur September 21, 2010 at 5:48 pm

Great collections and examples. Thanks for sharing!

Reply

Genie Dahlman July 20, 2010 at 10:48 am

howdie, wonderful read. am subscribing.

Reply

Peter July 12, 2010 at 6:59 pm

Whow, very impressive Designs.
My favorite is Raffaele Catania!

Reply

Mississauga Web design June 22, 2010 at 3:43 am

I am always a fan of using large pictures and properly doing the CSS needed for them, I think my next site i will try that out

Shawn,

Reply

tripwire team June 22, 2010 at 7:09 am

@Mississauga, good idea! Now you have some inspiration here you can use to get started

Reply

Philwebservices June 18, 2010 at 11:14 pm

nice collections! thanks for it!

Reply

leaflette June 18, 2010 at 3:18 pm

seriously a nice set of photowebbing!
i like your style of post. Unique! :)

Reply

tripwire team June 18, 2010 at 6:00 pm

@leaflette, photowebbing… didn’t know that term. Thanks for your comment!

Reply

leaflette June 18, 2010 at 6:08 pm

haha surely it does. i just created it back there. :P

Reply

barney June 18, 2010 at 1:27 pm

Nice little feature…as the designer of the elettro-luce site its nice to get a heads up! With this site in question, the client couldnt be bothered to write decent copy, so i had make it more ‘visual’ than content driven

Reply

tripwire team June 18, 2010 at 6:01 pm

@barney, great to have one of the designers stepping by! Your design is great and yes it may compensate for bad copy…

Reply

Dustin Betonio June 18, 2010 at 2:50 am

@Paul, will look into that. Thanks for the comment

@warren, thank you so much

@jqueryFun, thanks for the like

@Arshad, thanks for your feedback

@Dimi, thank you.

Reply

jQueryFun June 17, 2010 at 7:35 pm

Not just great post idea, but great web designs also… Some designers might benefit from this as it might give them inspiration for something even better. I would never know about some of these if it wasn’t for this post.. Thanks…

Reply

Warren Macapundag June 17, 2010 at 7:00 pm

very Nice post Thanks for this….

Reply

Paul Foth June 17, 2010 at 2:22 pm

This is a very nice looking site, but you should pay as much attention to the writing as the images. There are at least fifteen errors in the short paragraph that comprises this article.

Reply

Arshad Cini June 17, 2010 at 8:53 am

Yes,great post idea..thanks Dustin

Reply

Dimi June 17, 2010 at 12:22 am

Great post idea, and great examples. Thanks for sharing!

Reply

tripwire team June 17, 2010 at 7:48 am

@Dimi, Thanks for your feedback. Yes it is always nice to find a topic that has not already been covered in 10 other articles ;)

Reply

Leave a Reply

Your email address will not be published. Required fields are marked *

You may use these HTML tags and attributes: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>

{ 8 trackbacks }

Previous post:

Next post:


Web Analytics