23 Amazing Single Page Websites

By / Feb 21, 2012 / Inspiration

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

  • http://www.webdesignfact.com Web Design Fact

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

    • http://www.revolver-studio.com Revolver Studio

      Thank you, we really appreciate.

  • http://www.aledesign.it aledesign.it

    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

  • http://www.sivioco.com Sam Jones

    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.

  • http://www.pragmaticdesign.co.uk Web Design Wolverhampton

    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.

  • http://www.webdesigninginchennai.com web designing in chennai

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

  • http://www.paulund.co.uk Paul

    Some nice design rodesk is my fav.

  • http://www.designturnpike.com Design Turnpike

    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…

  • http://www.equotemd.com/ eQuoteMD

    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.

  • http://newevolutiondesigns.com Tom McCracken

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

  • http://www.cpothemes.com CPOThemes

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

  • http://www.pixel-vixen.com Lauren

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

  • http://malleckdesign.com/blog Joseph Malleck

    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.

  • http://www.facebook.com/joomlashine Frances

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

  • http://muffi.pl kmrozek

    Circles on design embraced rule!

  • http://www.franciscosambath.com 6ko

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

  • http://www.franciscosambath.com 6ko
  • http://iamcreative.me Aaron @ iamcreative.me

    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.

  • http://www.jeremymansfield.com Jeremy

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

  • http://www.zenzora.com/blog Jake

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

  • http://thedaniellim.com Daniel Lim

    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

  • http://www.sadurska.com Anita web designer York

    Great collection. I love Valerie’s design!

  • http://thewebdesignbay.com Gustavs Jurisons

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

  • http://www.falconcreativestudio.com Masood

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

  • http://www.medienzentrale.net Oliver

    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.

  • http://www.mostlylabs.com mostlylabs.com

    Love it! Great compilation.

  • http://www.articastudio.com Artica Studio

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

    I hope you like it

  • http://www.21thirteen.com/ Web Design NJ

    Beautiful designs. Very inspiring!

  • http://www.pipedigital.com Felipe Caroé

    Great summary. Thanks for remembering PIPE Digital :)

  • http://www.witcreative.info Edward

    Thank you for mentioning out site. Really appreciate it 😉

    Wit Creative

  • http://www.askadvertising.com Andrew Stromberg

    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.

  • Joe

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

  • http://think.dj/ Deepak Thomas

    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.

  • http://bloggingwordpress.net/ Liam

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

  • http://intronex.pl Ama

    Great collection. Thanks for this post!