23 Amazing Single Page Websites

By / Feb 21, 2012 / Inspiration
shares

When a website doesn’t call for a lot of content, it might be a good idea to go with the single page approach – where all of the content lives on the home page and the navigation, in most cases, allows the user to jump from one section to another. In the past few years, we’ve seen a steady increase in popularity of these types of sites, mainly partly because the use of jQuery can make for some nifty transitions and effects. For you’re inspiration, we gathered some really nice examples of websites that use only one page to show all their content.

From minimalist layouts to colorful ones, from plain and simple menu navigations to parallax scrolling, you will find plenty here to inspire you. Take some time and check them all out, and let us know which one is your favorite.

Rodesk

Inspiring Single Page Layouts

House

Inspiring Single Page Layouts

iamcreative.me

Inspiring Single Page Layouts

Valentine Favre

Inspiring Single Page Layouts

wit creative

Inspiring Single Page Layouts

Pipe Digital

Inspiring Single Page Layouts

dj Xeeder

Inspiring Single Page Layouts

Valerie

Inspiring Single Page Layouts

Matt Brothers

Inspiring Single Page Layouts

Grind – Work Liquid

Inspiring Single Page Layouts

Revolver Design Studio

Inspiring Single Page Layouts

Design Embraced

Inspiring Single Page Layouts

Free Range

Inspiring Single Page Layouts

Jeremy Mansfield

Inspiring Single Page Layouts

Demi Creative

Inspiring Single Page Layouts

dangers of fracking

Inspiring Single Page Layouts

Launch Factory

Inspiring Single Page Layouts

Grayden Poper

Inspiring Single Page Layouts

rtraction

Inspiring Single Page Layouts

jlern

Inspiring Single Page Layouts

HatBox

Inspiring Single Page Layouts

vysagh.in

Inspiring Single Page Layouts

two fish illustration

Inspiring Single Page Layouts

One Page Love

About the Author

Gisele Muller loves communication, technology, web, design, movies, gastronomy and creativity. Web writer, portuguese/english translator and co founder of @refilmagem & @mentaway Twitter: @gismullr

35 Comments

  1. Web Design Fact
    February 21, 2012

    Nice roundup !! Personally “Revolver Design Studio” website is favorite one.

    Reply
    • Revolver Studio
      March 10, 2012

      Thank you, we really appreciate.

      Reply
  2. aledesign.it
    February 21, 2012

    A good selection this! “jlern” is my preferite…like design..so simple and clean. “Demi Creative” use the dircles…much used in these last times! A must

    Reply
  3. Sam Jones
    February 21, 2012

    Great showcase, there’s too many good examples for me to pick a favourite but I love the simplicity of sites like Design Embraced, Valerie and Two Fish Illustration.

    Reply
  4. Web Design Wolverhampton
    February 21, 2012

    We too like “Demi Creative” – circles are great!

    It’s great that jQuery lets designers create websites which seem to be multiple paged, but are actually only one.

    Reply
  5. web designing in chennai
    February 21, 2012

    Looks like dynamic but really a static one in JQuery…:

    Reply
  6. Paul
    February 21, 2012

    Some nice design rodesk is my fav.

    Reply
  7. Design Turnpike
    February 21, 2012

    Hatbox is nice. Like the logo and the concept, great use of HTML5 and CSS3! Love the color palette as well. Thanks for these samples…

    Reply
  8. eQuoteMD
    February 21, 2012

    Giselle, your design inspiration posts are always awesome! You always seem to find some of the most unique designs.

    I enjoyed looking through Matt Brothers site. Looks like he uses curtain.js or similar. Very cool.

    Reply
  9. Tom McCracken
    February 21, 2012

    Sweet collection! Here’s one more site I did recently: http://montgomerycountywinetrail.com

    Reply
  10. CPOThemes
    February 21, 2012

    Very nice collection! All of them are pretty inspiring for designing new stuff.

    Reply
  11. Lauren
    February 21, 2012

    I LOVE single page sites, my portfolio is a single page site as well. These are inspiring, thanks for sharing!

    Reply
  12. Joseph Malleck
    February 21, 2012

    Wow. Some of these are really amazing. I’m especially drawn to the ones that utilize both vertical and horizontal navigation. Some pretty cool stuff going on these days. Truly inspiring. Thanks for the post.

    Reply
  13. Frances
    February 22, 2012

    All are so beautiful. A wonderful collection to review. I love Grind – Work Liquid most :D

    Reply
  14. kmrozek
    February 22, 2012

    Circles on design embraced rule!

    Reply
  15. 6ko
    February 22, 2012

    miss this one : http://www.bookdesanc
    iens.fr

    Reply
  16. 6ko
    February 22, 2012

    http://www.bookdesanciens.fr

    Reply
  17. Aaron @ iamcreative.me
    February 22, 2012

    Amazing! This is a great list… Oh and of course, thanks for including my site.

    I really like how you navigate and browse JLern Design, really unique.

    Reply
  18. Jeremy
    February 23, 2012

    Thank you for the inclusion on your post! Next up for my site is responsive here in the next month.

    Reply
  19. Jake
    February 23, 2012

    Love these, I experimented with a single page site once. I changed it but am thinking about making an online resume in that fashion.

    Reply
  20. Daniel Lim
    February 24, 2012

    Great compilation!

    I’ve been running a blog, it’s really new, but I cant stress how much time I’ve wasted into tweaking the nitty gritty details that go into making the site look nice.

    Single page websites are really cool in a way that all a visitor needs to do, is scroll around to find the information they require.

    Have been following this blog for quite some time, and this is my first comment, but your resources have definitely helped me a great deal, and I would like to say a very big thank you to the guys at WDL! :)

    //Daniel

    Reply
  21. Anita web designer York
    February 24, 2012

    Great collection. I love Valerie’s design!

    Reply
  22. Gustavs Jurisons
    February 26, 2012

    A nice collection indeed! Would like to see more of these, I need inspiration and some ideas for upcoming projects :)

    Reply
  23. Masood
    March 1, 2012

    Nice collection…Check out my site and share your comments…

    Reply
  24. Oliver
    March 1, 2012

    Great examples of singel page sites. I’m thinking about it for such a long time for my portfolio but I’m a bit afraid of being ranked down by search engines.

    Reply
  25. mostlylabs.com
    March 3, 2012

    Love it! Great compilation.

    Reply
  26. Artica Studio
    March 7, 2012

    Here’s one more site I did recently:
    http://www.mikviaggi.it/

    I hope you like it

    Reply
  27. Web Design NJ
    March 8, 2012

    Beautiful designs. Very inspiring!

    Reply
  28. Felipe Caroé
    March 14, 2012

    Great summary. Thanks for remembering PIPE Digital :)

    Reply
  29. Edward
    March 26, 2012

    Thank you for mentioning out site. Really appreciate it ;)

    Wit Creative

    Reply
  30. Andrew Stromberg
    May 21, 2012

    Thank you for the inspiration, it gave me some great ideas for an upcoming project. I like the fluidity of single page websites and the navigation. I think one of the neatest aspects is that you have truly creative “pages” and you don’t get the feeling that they’re cramming a bunch of fluff in there just to fill the space.
    I’m working to make the list with our next creation.

    Reply
  31. Joe
    July 16, 2012

    Excellent collection! Each of the sites is an outstanding use of the single page. Thank you Gisele.

    Reply
  32. Deepak Thomas
    October 28, 2012

    Nice list.

    Here’s one more – http://uppcoming.com/
    It’s responsive and uses HTML, CSS3 and of course, jQuery.

    Disclaimer: I am the author of @uppcoming.

    Reply
  33. Liam
    February 20, 2013

    Awesome! I really like this. keep up with the good work. Thanks a lot for sharing.

    Reply
  34. Ama
    August 20, 2013

    Great collection. Thanks for this post!

    Reply

Leave a Reply