Today, we'll explore the benefits and risks associated with developing a single-page website, as well as showcase examples—across various industries—using this web solution successfully.
- Lower cost: A one-page website means less to develop, which in terms of cost, means a lower price point to the client.
- Positive user experience: One-page websites eliminate the potential for overwhelming menu options, are quicker to navigate, and encourages a user to scroll. For more information, read UX Movement's well-written article explaining the benefits of scrolling.
- Keeps content to a minimum. This is a great option for clients that may not have a great deal of content and are looking for more brochure-site qualities for their website, for example, a company featuring one product or service.
- More opportunity for unique design. One-page web design opens the door to more fluid and unique design options. Designers have the opportunity to use various types of creative solutions from jQuery plugins to parallax scrolling.
Client-types that could benefit from one-page websites:
- Event websites (conferences, festivals, etc.)
- Sign-up forms
- Single-product websites
- Restaurant websites
- Photographers and artists (portfolio websites)
- Low budget clients
- Clients seeking to start an online presence
ExamplesHere are some successfully executed one-page websites:
|Microsoft Build Conference 2012's one-page website features a minimalistic design.|
|Mo's & Bows fundraising event website: This one-page website combines |
beautiful photography with a unique personality to create an exciting user experience.
|Fray.it's one-page website is clean and easy to navigate by using scrolling and in-page |
anchors taking users to the various sections.
|Grooveshark's one-page website is a great example of using jQuery|
to navigate between each section of the page.
|Mighty Matcha uses a one-page website design to showcase |
their tea product.
|Aquent's Summer of Learning one-page website features a great use of a form submission |
and a clear display of event information.