Effective One Page Websites//+

Single-page application [ SPA ], or single-page interface [ SPI ], is what is defined as a web application or web site which fits into a single web page, with the goal of providing a more fluid user experience similar to a desktop application.

Within an SPA, all of the necessary code such as the: HTML, JavaScript, and CSS – are retrieved with a single page load, or partial changes are performed loading new code on demand from the web server, which are usually driven by user actions. The page does not automatically reload during user interaction with the application, nor does control transfer to another page.

Some of these traditional web applications and the way they work tends to create disruption within the user experience and workflow.

Traditional web applications work by way of reloading an entire web page. In order to advance through the workflow, a user interacts with page elements (such as hyperlinks and form submit buttons) which cause the browser to issue a request to the server for a completely new page.

The complete page reload which occurs by each user interaction results in unnecessary re-transmission of data over the wire. This can make the overall performance of the web-site, when the entire session is taking into account, much slower.

The single page website has proven to be a paradigm of the modern web lately, in which everything which needs to be conveyed to the end user can now be placed onto a single document.
Furthermore, the single page layout option can lead to an overwhelmingly large sized documents of endless scrolling, a series of clever mechanisms using modern standards and techniques such as CSS3 and Ajax which have burst onto the scene, possessing a method of granting the end user the information they are in search of.

With all the content-heavy laden content which CMS-powered websites contain these days, many users find it a welcome alternative within browsing a single-page website where all of the content is accessible without having to load or refresh the page.

• potentially lower cost to the client
• high usability
• information brevity
• increased conversions
• opportunity for unique design decisions and more.

We are showcasing 30 creative single page or , ” One Page ” sites in this post which make great use of features such as : sliders, carousels, Ajax and auto-scroll scripts that go on to display and present their content to the end user, within a way that doesn’t hinder the user experience but rather improves it. We hope you enjoy this showcase.

1. Matt Brothers

 
Source
 

2. Beaver Lab

 
Source
 

3. Six Clicks

 
Source
 

4. Rodesk

 
Source
 

5. I am Creative

 
Source
 

6. Lucia Soto

 
Source
 

7. Wit Creative

 
Source
 

8. Dangers of Fracking

 
Source
 

9. Launch Factory

 
Source
 

10. We New Media

 
Source
 

11. Grayden Poper

 
Source
 

12. Two Fish Illustrations

 
Source
 

13. Think Green Meeting

 
Source
 

14. Jibe Visuals

 
Source
 

15. Logo Time

 
Source
 

16. House Creative

 
Source
 

17. Valentine Favre

 
Source
 

18. Balcktie

 
Source
 

19. Ars Navis

 
Source
 

20. Charleston

 
Source
 

21. A Tented Affair

 
Source
 

22. Infect Media

 
Source
 

23. Nadine Weiberg

 
Source
 

24. Pikaboo

 
Source
 

25. Font Face

 
Source
 

26. Roux at Parliament Square

 
Source
 

27. Sean Gaffney

 
Source
 

28. Bfeely

 
Source
 

29. TM Design

 
Source
 

30. Typer Media 2011

 
Source
 

Like This Post ♥