24 Fabulous One Page Web Layouts

24 Fabulous One Page Web Layouts

Once upon a time we were all taught that web pages should have all the content in the screen area and the user ideally shouldn’t have to scroll down. Well, times have changed and now it’s perfectly acceptable to scroll down to see more content. These examples show that one long page can be easy to navigate and functional as well as attractive and well designed.

24 Fabulous One Page Web Layouts

24 Fabulous One Page Web Layouts

Sebdesign
Sebdesign

Skewed Icons by Denise Chandler
Skewed Icons by Denise Chandler

Engage Interactive
Engage

Think Green Meeting
Think Green Meeting

Head2Heart
Head2head

Enzo Li Volti
Enzo

Bryan Katzel

Epipheo Studios

Sean Gaffney

iBooks´REVISITED
iBooks´REVISITED

Gotta Get To FOWA (Future Of Web Apps)
Gotta Get To FOWA (Future Of Web Apps)

Type Media
Type Media

Jiri Tvrdek
Jiri Tvrdek

TMdesign
TMdesign

Visual box
Visual box

Pikaboo
Pikaboo

Basil Gloo
Basil Gloo

Reverend Danger
Reverend Danger

Gopal Raju Wedding Invite
Gopal Raju Wedding Invite

Volll
Volll

Dolce Caffe
Dolce Caffe

Stu Greenham
Stu Greenham

We Shoot Bottles
We Shoot Bottles

Bullet PR
Bullet PR

Conclusion

So there we have it, a roundup of 25 designs to inspire your next one-page web layout. I’m sure I’ve missed some gems, so please, feel free to add links below to share with us!

Vicki is a freelance graphic designer living in rural Suffolk with her fiancé and her beautiful daughter. Her design focus and passion is in corporate identity and logo design. But once in a while, she loves to sink her teeth into a brochure project or something similar. Freelancing and motherhood doesn’t allow her blog as often as she would like to but she keeps her website updated.

Comments

  1. / Reply

    Nice Collection, I really like the head2heart site..

    But you forgot the best and the most simple one. http://iamcreative.me

    What do you think?

      • Chris,
      • September 22, 2011
      / Reply

      Yours isn’t one page layout!

    1. / Reply

      Great job Aaron! But wouldn’t your site be considered a 3-pager?

      1. / Reply

        I suppose on a technicality it could be considered a three page layout.

        But the other two pages are my blog! Not my actual site. ☺

        Does that still count?

          • Nouriel Bikini,
          • November 22, 2011
          / Reply

          Neither the best nor the simplest/

  2. / Reply

    excellent showcase that proves there is no necessity to obey the rules

  3. / Reply

    Fantastic round up!! I really, really, REALLY dig Head2Heart.us – such a clever, interactive, textured design.

    • voxmeow,
    • September 23, 2011
    / Reply

    I like these. Could you give some further information on where to go to find out how to make one of these? Tutorials? Perhaps there are already templates?

  4. / Reply

    http://carloshermoso.com/ (shameless self promotion)

  5. / Reply

    Single page websites are becoming more and more popular, especially when demonstrating your creative abilities. I have seen a number of these examples on other blogs, which just goes to show their popularity. One thing to take into account when creating a single page website is to keep it interesting throughout. Short and sweet may sometimes be the better option rather than the viewer constantly scrolling down the page. From this selection I really do like the ‘thinkgreenmeeting.com’. it allows the viewers to interact with the site and provides the businesses message once completed.

    • adam,
    • September 23, 2011
    / Reply

    cool collection, love it!

    This is perhaps my favorite though, Ormans a genius: ) http://www.ormanclark.com/

  6. / Reply

    Hey, i got one too… i made it in april, 2 days of work and now we’re working on the newer version.
    http://www.markfischoff.com

    • Kevin,
    • October 19, 2011
    / Reply

    Great article, I particularly like the iBooks site.

  7. / Reply

    I like these. Could you give some further information on where to go to find out how to make one of these? Tutorials? Perhaps there are already templates?

  8. / Reply

    Great showcase. I wonder if you have a good tutorial in mind that you could recommend.

  9. / Reply

    I like the look of one page web design with jQuery, does any one know if they are any good for SEO? I see them a bit like flash websites as it is one html page. Is there a way to work any redirects or would that then create duplicate content??

Leave a Reply

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

Deals

Iconfinder Coupon Code and Review

Iconfinder offers over 1.5 million beautiful icons for creative professionals to use in websites, apps, and printed publications. Whatever your project, you’re sure to find an icon or icon…

WP Engine Coupon

Considered by many to be the best managed hosting for WordPress out there, WP Engine offers superior technology and customer support in order to keep your WordPress sites secure…

InMotion Hosting Coupon Code

InMotion Hosting has been a top rated CNET hosting company for over 14 years so you know you’ll be getting good service and won’t be risking your hosting company…

SiteGround Coupon: 60% OFF

SiteGround offers a number of hosting solutions and services for including shared hosting, cloud hosting, dedicated servers, reseller hosting, enterprise hosting, and WordPress and Joomla specific hosting.