The Benefits of a Single Page Website

one The Benefits of a Single Page Website

Over the last few months I keep coming across some brilliant One Page Websites. That’s not just unscrollable websites but also websites that have all the different pages on the same page. But why should you want a website that exists as one page?

They work.

One Page websites have become really popular recently and I think it’s partly because they just work. Whether you’re concerned about navigation or if you don’t think you have enough to fill pages of a portfolio then a One Page Website could be exactly what you need.

Screen shot 2011 04 05 at 17.19.04 The Benefits of a Single Page Website

Unfold’s site is a brilliant example of a well designed, well thought out site. It looks great, details all the things you need to know and it’s all on one page!

They are easy to navigate.

one2 The Benefits of a Single Page Website

When you visit a really simple one page website you are only a few page scrolls or a click away from what you want to know. Having only one page to play with also means users are much less likely to get lost trawling through loads of pages about loads of different things. In some cases you don’t even need a navigation bar as the user just needs to scroll.

Take my own website, (below) for example, the only navigation bar, at the bottom of the page, takes you to my Resume, Blog and music.

Screen shot 2011 04 05 at 17.28.42 The Benefits of a Single Page Website

You can get your point across easily.

If you confine yourself to a page the size of a browser window then you have to be really selective about your choice of words and how many words you are actually going to use. Hopefully this means that what you do say is the important bits. If you get stuck it’s helpful to think about what exactly you do: are you a designer? writer? etc.

You can also use a big image to get across your point without clogging up the page with other text.

Perhaps a video would be better than writing pages of text?

Screen shot 2011 04 05 at 17.07.30 The Benefits of a Single Page Website

Jacob’s site is a perfect example of this. In less than 10 seconds I know what he does and have 14 ways to contact him!

There’s no need to direct users.

On some fully blown sites you feel it would be easier if someone told you where to go and what was what as everything is cluttered and confusing. On a simple, clean one page site there’s no need to make huge navigation links or worry about people not finding their way around your site. Remember that people have hundreds of thousands of sites to choose from so make sure people can find what they want to quickly and easily.

Bandwidth is reduced.

This one isn’t such a big problem today with lots of hosts offering comfortably more than you need but if your site is getting lots of visitors and on every page you have a large image you’re going to eat up bandwidth. For example, if you had an unedited 1mb image that was loaded 1000 times you’d use 1GB of data. Most image files unedited are 2-3mb so you can see that unless you edit and cut down on image use then you could run into problems. With a one-page site you’re using maybe one or two images which will obviously cut bandwidth useful.

You can show off your best.

Trying to fill a page with your best work and ending up having to resort to using old stuff isn’t great. So, instead, showcase only 1 or 2 of your best pieces using a one page website. This helps in putting yourself across in a positive light without the need for people to see the stuff you’re so proud of.

Screen shot 2011 04 05 at 17.10.46 The Benefits of a Single Page Website

Sky so clear does this really well; a nice clean portfolio on the front page with easy to see links. It’s well worth a visit.

Do you have any favourite One Page Websites? Let us know!

  • http://twitter.com/vijeesh_vj VJ

    great article!! may be 2011 these one could be more popular :)

  • http://twitter.com/VincentBesson Vincent Besson

    That’s what I did obviously… http://vincentbesson.net

  • Pingback: designfloat.com()

  • http://dspickett.co.uk DSPICKETT

    Thanks! Yeah, I really hope so!

  • http://dspickett.co.uk DSPICKETT

    Great site – really simple! The highlighting of links is really slick as well.

  • Cgregory128

    I have a favorite one-page website: http://skittles.com/

    It’s colorful, reflects the brand and products, and it’s very unique.

  • http://twitter.com/pasxal Pascal Vleugels

    I recently changed from a single paged site to a more traditional setup. I found that it is easier to track visitors and statistics with multiple pages. http://pasxal.nl

  • http://dspickett.co.uk DSPICKETT

    Yeah; it can be useful to have multiple pages but in lots of situations one page sites are great.

  • http://dspickett.co.uk DSPICKETT

    Really good site – the use of perspective is great as well!

  • http://twitter.com/pasxal Pascal Vleugels

    True, it makes you think about your whole page layout and structure and makes you think about good navigation. But sometimes you just want to be as simple and straight-forward as you can be. Bus a single paged website always makes me curious about the technique that is used!

  • http://dspickett.co.uk DSPICKETT

    Agreed; I think anything that causes you think about your content, layout and structure is a good thing. Portfolios and personal sites seem to benefit the most from one page sites. I get intrigued as well; often looking at the source thinking ‘how did they manage that!?’

  • Thedesignwork

    well explained…

  • http://twitter.com/vandalk Daniel Queiroz Porto

    I’m new to making websites, I just completed my first website (my own portfolio) in the begining of this year and it’s a one page site too! http://www.vandalk.com/index_en.html

  • http://twitter.com/PMBFlow Florian Torres

    I love one page website, they usually need an efficient navigation or a strong work on typography and lead to an original and fun design.
    I also love that you can find all the important informations on the same page.

    One of my favourite is the Riot Industries one : http://riotindustries.com/

    And here is mine, single page too : http://www.pandoramediabox.com

  • http://dspickett.co.uk DSPICKETT

    Thanks! :)

  • http://dspickett.co.uk DSPICKETT

    Great site; I really like the artistic styling and your portfolio is really impressive!

  • http://dspickett.co.uk DSPICKETT

    Agree about the navigation and typography.
    Riot Industries site is good, I like the fact it opens ‘both ways’ when you click on the page links. Your site looks good too! :)

  • http://dspickett.co.uk DSPICKETT

    Yeah; that could present an issue but I think that with the CSS Galleries out there and Social Media getting ‘found in Google’ is a different game than it was.
    Valid issue though.

  • http://twitter.com/123db_GEEK 123db

    One Page Website have a lot to be said for them – & for the SEO crowd, it eliminates bounce issues!

  • http://dspickett.co.uk DSPICKETT

    Agreed! I’m a big fan of them.

  • Pingback: The Benefits of a Single Page Website | Speckyboy Design Magazine()

  • Roberto Blake

    There is an argument to be made that most people overdo it when they make web pages/sites. I mean really? How many sites have valuable information or functionality beyond the first page that could have simply been on the first page to begin with?

    In most cases Mr.SmallBusiness really just needs to get a one page site with a few bells and whistles and great functionality. But those who know next to nothing about the web convince themselves that more is more, when in fact less is more 99% of the time.

    Nobody cares about your site more than they care about their own time or lack of time. They don’t want to navigate and sort through anything. They want this to be quick and painless. You need to give them what they want. I constantly have to explain to people “your website is not about you…”

    Now on the other hand if you’re building a personal website with no real goal in mind…. well that’s different . It can be all about you and what you want. But if you want to “do something” using a website as a tool… then you need the website to be all about doing that…in as few pages, clicks, and steps as possible! Period. If it can be all done in one page, that’s even better!

  • Anonymous

    There is an argument to be made that most people overdo it when they make web pages/sites. I mean really? How many sites have valuable information or functionality beyond the first page that could have simply been on the first page to begin with?

    In most cases Mr.SmallBusiness really just needs to get a one page site with a few bells and whistles and great functionality. But those who know next to nothing about the web convince themselves that more is more, when in fact less is more 99% of the time.

    Nobody cares about your site more than they care about their own time or lack of time. They don’t want to navigate and sort through anything. They want this to be quick and painless. You need to give them what they want. I constantly have to explain to people “your website is not about you…”

    Now on the other hand if you’re building a personal website with no real goal in mind…. well that’s different . It can be all about you and what you want. But if you want to “do something” using a website as a tool… then you need the website to be all about doing that…in as few pages, clicks, and steps as possible! Period. If it can be all done in one page, that’s even better!

  • Pingback: Nothing found for Blog 2011 04 19 18-04-11110641()

  • Pingback: The Benefits of a Single Page Website()

  • http://dspickett.co.uk DSPICKETT

    Yeah; it’s important to remember what your website is for and then design accordingly.