The Art Of The Single Page Web Site

Designers are using their skills to create one page web sites to showcase portfolios, applications, launch sites and landing pages. The skill lies in providing the user with the information they need in a single page. It is a challenge both in terms of design and writing, to produce a site which is brief and straight to the point. In this post we’ll take a look at a small selection of creative sites which manage to fulfill these requirements.

While some sites have minimal information, others have managed to cram the same amount of information onto one page as a multi-page web site. The sites which contain a lot of information tend to use a navigation bar but instead of jumping to a new page, there is a jump farther down the same page, often using jQuery to provide a smooth downward or upward scroll.

So without further ado, for your inspiration and viewing pleasure here’s a collection of eight beautifully designed sites which endeavor to provide all the information required in just one single web page.

Mitchell Shepard uses a letterpress effect on his single page site, which offers links to his work on Behance and contact on social media sites.

It’s The Jumpoff is a long one page online wedding invitation.

Aboard Entrepreneurship has beautiful nautical illustrations and a smooth scrolling action.

HTML 5 Poster is a simple sales page for an illustrated poster by Will Phillips.

Fliprate is a single page site dedicated to an iPad application. It’s nicely designed with an attractive wooden background which scrolls seamlessly.

Visual Republic have a retro style portfolio site with beautiful typography, all happening on one page.

Empire State Recordings provides music samples and information in a small space.

135 Design is a portfolio and contact site for an Italian company.

Do you like single page web sites? What other “one-pagers” have you come across that you felt were really nicely designed?