HTML & CSS
Article
By Jennifer Farley

The Art Of The Single Page Web Site

By Jennifer Farley

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.

--ADVERTISEMENT--

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.

MitchellShepard

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

Jumpoff

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

Aboard

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

HTML5

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

Fliprate

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

VisualRepublic

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

EmpireState

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

135Design

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

Recommended
Sponsors
The most important and interesting stories in tech. Straight to your inbox, daily. Get Versioning.
Login or Create Account to Comment
Login Create Account