15 Creative Single Page Web Designs

Gabrielle Gosha

As many designers already know, trends in the design community come and go, and they enjoy varying levels of success and longevity. Some enjoy a better reception than others, and some suffer through a surprisingly short shelf life. Single page web designs certainly aren’t a new trend for 2013 but, its continuance suggests that it’s more practical and effective than most. Like all trends, single page sites have their advantages and shortcomings, but in a world where thousands of new websites are created daily, a single page web design may be the best way to cater to the ever-shortening human attention span.

It should be noted that the single page web design isn’t perfect for every purpose; there are many considerations to make when choosing such an unusual format. Having a refined purpose for your design, triaging your content to fit a single page, and creating an interesting layout are some of the most important focal points to make your single page design meet its full potential. Today’s showcase features some great single page web designs. Hopefully you will find a little inspiration to carry momentum into your next project.

Davide Baratta

davide baratta

Baratta’s single page web design has a great setup and features a changing content box at the top. The overall design is something that could surely inspire those who are moving their portfolios online.

Reverend Danger

reverend danger

Having been featured previously in another showcase, the Reverend Danger website is creatively built, not to mention the interactive elements and animation offers a nice touch to the already unique character design and single page format.

Pusulaweb

pusulaweb

Pusulaweb not only has a beautiful background, but the way they’ve designed this single page web design to scroll down evokes the suggestion that you are going deeper underwater.

Always Creative

always creative

Always Creative, unsurprisingly, has a creative single page web design. From the animated galactic element at the top to the static pages that are sandwiched between “Inspiration” and “Contact” pages it is a a thoughtful and distinct single page layout.

Badr

badr

Badr Food Industries has an interesting setup going for their page, but it is a good type of interesting. The single page web design can easily be navigated by a click of the button, bringing colorful ingredients to coincide with each selected page.

Quechua

quechua

Not only does Quechua feature a simple, tasteful flash intro, but their site is also a thing to marvel at. The design and elements are fairly simple at first glance, but upon second look you see how the simplicity with which the traveling images work.

Every Last Drop

every last drop

Adding animation, or at least creating a feeling that things are being animated, is a captivating concept that has been making the rounds in single page websites. As you scroll through Every Last Drop’s website, you see their representative character go through their day.

My Provence

my provence

Staying creative is a must, especially when you are using trends that aren’t that new. The illustrations accompanied by the logical order of the sites pages works in My Provence’s favor.

Buchholzer

buchholzer

Food websites have been turning to single page designs lately, and for sites like Buchholzer, it’s proved to be very effective. The different color pages as you scroll down are appealing and the beautifully photographed food imagery leaves you viscerally hungry.

Teapot Creation

tea creation

Teapot Creation’s website is completely beautiful and inspiring. From the graphics to the background, you can tell a lot of careful, focused effort went into the site. The single page web design unifies all these elements together and makes it work as a collective whole.

Moka

moka

Businesses, especially design agencies, can make a statement and attract clients by taking a less traditional route to their website design. Moka’s single page design leans more toward a minimalist design, but it still looks very professional.

Ousback

ousback

Ousback’s website is inviting. The background design periodically scrolls up, giving you two different views. But, once you scroll down far enough, you get a clean and simple single page setup.

Yay Festival

yay

Your single page website doesn’t have to feature a continuous and seamless background. Yay Festival’s website proves that by not only having a photograph background for their home page, but by using robust full color.

Atlassian

atlassian

Adding color to your website — especially when your background is a light color — is always a good idea, and Atlassian takes advantage by combining it with a nicely-executed single page web design.

Ian James Cox

Ian James Cox Personal Website

A single page portfolio can be given depth by using design to flow through a map like experience. It may appear to be a complex site but it is a single page that flows up and down.

What do you think about single pages in web design? Do you have any favorites from the list or perhaps one that should be included?

And if you enjoyed reading this post, you’ll love Learnable; the place to learn fresh skills and techniques from the masters. Members get instant access to all of SitePoint’s ebooks and interactive online courses, like The Principles of Beautiful Web Design, 2nd Edition.

Comments on this article are closed. Have a question about Web Design? Why not ask it on our forums?

Free book: Jump Start HTML5 Basics

Grab a free copy of one our latest ebooks! Packed with hints and tips on HTML5's most powerful new features.

  • Anonymous

    Here’s a end of article comment

  • Nadui Mi Unuito

    use target blank..

  • phil

    atlassian link is broken

    • Anonymous

      Thanks, Phil. That’s fixed.

  • AGF

    Argh! Showcase pages should use target=”_blank” links. Don’t make me keep using my back button!

    • Nadui Mi Unuito

      that’s what I said :)

    • Mike

      just ctrl/cmd click, or click with the scroll wheel

  • Francis

    I Loved Ian James reinventing the mouse wheel, and also MyProvence’s wall of artwork (under submit).

  • Pera Detlic

    Nice list.

    Personally, I would exclude Pusulaweb and Ousback as I think those are not in the same league as other showcased sites. Also, Moka is nice but not that impressive like others.

    Other works by the guys behind every last drop are awesome as well.

    PS Yay Festival redirects 301 to their Facebook page.

  • Anonymous

    These are nice sites, for more “one-page” inspiration I usually go to onepagelove.com.

  • Nadui Mi Onuito

    r u think we are idiots?