23 Amazing Single Page Websites

Posted by Gisele Muller on Feb 21, 2012 | 34 Comments

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.

About the Author

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

Here's some other articles that you will definitely find useful.

34 comments

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
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
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
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
web designing in chennai
February 21, 2012
Looks like dynamic but really a static one in JQuery…:
Reply
Paul
February 21, 2012
Some nice design rodesk is my fav.
Reply
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
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
Tom McCracken
February 21, 2012
Sweet collection! Here’s one more site I did recently: http://montgomerycountywinetrail.com
Reply
CPOThemes
February 21, 2012
Very nice collection! All of them are pretty inspiring for designing new stuff.
Reply
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
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
Frances
February 22, 2012
All are so beautiful. A wonderful collection to review. I love Grind – Work Liquid most
Reply
kmrozek
February 22, 2012
Circles on design embraced rule!
Reply
6ko
February 22, 2012
miss this one : http://www.bookdesanc
iens.fr
Reply
6ko
February 22, 2012
http://www.bookdesanciens.fr
Reply
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
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
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
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
Anita web designer York
February 24, 2012
Great collection. I love Valerie’s design!
Reply
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
Masood
March 1, 2012
Nice collection…Check out my site and share your comments…
Reply
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
mostlylabs.com
March 3, 2012
Love it! Great compilation.
Reply
Artica Studio
March 7, 2012
Here’s one more site I did recently:
http://www.mikviaggi.it/

I hope you like it
Reply
Web Design NJ
March 8, 2012
Beautiful designs. Very inspiring!
Reply
Felipe Caroé
March 14, 2012
Great summary. Thanks for remembering PIPE Digital
Reply
Edward
March 26, 2012
Thank you for mentioning out site. Really appreciate it

Wit Creative
Reply
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
Joe
July 16, 2012
Excellent collection! Each of the sites is an outstanding use of the single page. Thank you Gisele.
Reply
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
Liam
February 20, 2013
Awesome! I really like this. keep up with the good work. Thanks a lot for sharing.
Reply

Web Design Ledger

About the Author

Related Posts

34 comments

Joe

Leave a Reply

Subscribe