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
House
iamcreative.me
Valentine Favre
wit creative
Pipe Digital
dj Xeeder
Valerie
Matt Brothers
Grind – Work Liquid
Revolver Design Studio
Design Embraced
Free Range
Jeremy Mansfield
Demi Creative
dangers of fracking
Launch Factory
Grayden Poper
rtraction
jlern
HatBox
vysagh.in
two fish illustration
Nice roundup !! Personally “Revolver Design Studio” website is favorite one.
Thank you, we really appreciate.
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
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.
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.
Looks like dynamic but really a static one in JQuery…:
Some nice design rodesk is my fav.
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…
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.
Sweet collection! Here’s one more site I did recently: https://montgomerycountywinetrail.com
Very nice collection! All of them are pretty inspiring for designing new stuff.
I LOVE single page sites, my portfolio is a single page site as well. These are inspiring, thanks for sharing!
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.
All are so beautiful. A wonderful collection to review. I love Grind – Work Liquid most 😀
Circles on design embraced rule!
miss this one : http://www.bookdesanc
iens.fr
http://www.bookdesanciens.fr
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.
Thank you for the inclusion on your post! Next up for my site is responsive here in the next month.
Love these, I experimented with a single page site once. I changed it but am thinking about making an online resume in that fashion.
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
Great collection. I love Valerie’s design!
A nice collection indeed! Would like to see more of these, I need inspiration and some ideas for upcoming projects 🙂
Nice collection…Check out my site and share your comments…
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.
Love it! Great compilation.
Here’s one more site I did recently:
https://www.mikviaggi.it/
I hope you like it
Beautiful designs. Very inspiring!
Great summary. Thanks for remembering PIPE Digital 🙂
Thank you for mentioning out site. Really appreciate it 😉
Wit Creative
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.
Excellent collection! Each of the sites is an outstanding use of the single page. Thank you Gisele.
Nice list.
Here’s one more – https://uppcoming.com/
It’s responsive and uses HTML, CSS3 and of course, jQuery.
Disclaimer: I am the author of @uppcoming.
Awesome! I really like this. keep up with the good work. Thanks a lot for sharing.
Great collection. Thanks for this post!