Line25

30 Websites That Greet You with a Full Screen Photo

Read the full post

We’ve all heard the saying a picture is worth a thousand words, well that notion is certainly true with today’s showcase of website designs. These sites greet the user with a huge full screen photo which not only introduces the site and sets the scene, it can also create an emotional connection with the viewer to attract their attention. Check out this collection of 30 fantastic website designs which all feature a minimal landing page with little content other than beautiful photography.

CatScarf

CatScarf

Molly & Me Pecans

Molly & Me Pecans

Joe’s Garage

Joe's Garage

OXYDO

OXYDO

Control Films

Control Films

BJÖRN MEIER

BJÖRN MEIER

Martina Sperl

Martina Sperl

Karma

Karma

Thisispaper Inaugural Issue

Thisispaper Inaugural Issue

Pure Fix Cycles

Pure Fix Cycles

Michaelis Boyd

Michaelis Boyd

Rules by Mary

Rules by Mary

Broken Twill

Broken Twill

The Design Files Open House

The Design Files Open House

Michael Schmid

Michael Schmid

Sojourn Network

Sojourn Network

Serve Seattle

Serve Seattle

Unknown Croatia

Unknown Croatia

Ende

Ende

F A L V É

F A L V É

Escape Flight

Escape Flight

SRG

SRG

What You Are

What You Are

Knuckles Industries

Knuckles Industries

Brave People

Brave People

Dickson Fong

Dickson Fong

Intersection

Intersection

Beyond by Lexus Magazine

Beyond by Lexus Magazine

Lucy Babayan

Lucy Babayan

Humblebee

Humblebee

Ghost

Ghost

Radoslav Holan

Radoslav Holan

Free web shadows pack for every subscriber

Join the mailing list to have new content delivered straight to your email inbox. Every subscriber gets a free pack of realistic web shadows.

Written by Chris Spooner

Chris Spooner is a designer who loves experimenting with new web design techniques collating creative website designs. Check out Chris' design tutorials and articles at Blog.SpoonGraphics or follow his daily findings on Twitter.

  • http://www.radoslavholan.cz Radoslav Holan

    Thank you for including, Chris. I really appreciate it!t

  • http://XPoint0Media.com Justin

    This got me thinking about something. If used a full picture for the backdrop of my Website would that be too distracting?

    • http://www.radoslavholan.cz Radoslav Holan

      There are some cases when picture says more, or better way than bunch of text. It surely is not useful for each project. It really depends on what is your priority, what your website should tell to its visitors, but I think, it is good solution for photographers, webdesigners/artists, design product landing page…

  • http://www.webdesignerhub.com Carlton Robinson

    Good list some – I think some are a little too minimal and the navigation options a little too stripped back to give a great user experience.

  • http://www.skyblueoceanmedia.com Sharjah uae

    Nina Black does it for me, although this is not fully optimized for Blackberry’s, apart from this a great site overall.

  • http://www.avatarcreative.co.uk Avatar Craig

    The Nina Black site is fantastic. I’m on a 27″ monitor and even at that size the scrollable first image was clear and crisp.

    The agency I work for created a similar site for http://www.millgatehomes.co.uk that uses cover on the home page.

  • http://dan-jones.co.uk/ Dan Jones

    I’d love to add a site like these into my portfolio. Thanks for the list

  • http://www.conetix.com.au Conetix

    Works really well with some but with others can be a bit distracting from site information.

  • http://www.cheers4all.com/ saad

    This got me thinking about something. If used a full picture for the backdrop of my Website would that be too distracting

  • http://www.awdltd.co.uk Gareth

    I like the idea but it can get a bit annoying after a while. I hope it doesn’t become the thing to do always in websites.

  • http://www.sydneyloteria.com Sydney Loteria

    I think this is the current trend in web design. I always see website with full screen background on their home page, sometimes it is good but sometimes it is bad when you did not use this properly

  • http://lasart.es/ Eli E. Wade

    This tutorial covers part one of a multi-part series where we’ll go through the process of building a stylish design portfolio website. In this particular article we’ll create the visual concept and overall design concept in Photoshop, using various effects, blending modes and layer styles to create all the detailed elements of the design.

  • http://www.webdesignhood.com/ Free PSD Download

    Hey! Chris, Thanks for this sharing these great full screen photo websites