What are one page scroll sites?

one page scroll

Compared to the print world, some one page scroll sites appear as glossy magazines: structured in a precise, brilliant in the choice of design and image, rich of information organized on multiple levels of detail.

In addition to these, in recent times have been joined by the sites so to speak “flyer” agile to navigate, compact and, in the space of a page, provide all the information you need.
They are Single Page Websites, web sites “self-contained” characterized by a vertical or horizontal navigation through which the user moves from one section to another site always moving within the same page.
This type of structure lends itself effectively to accommodate different types of content: from portfolio to sites single product, from the app to the corporate site of small and medium-sized enterprises.

One page scroll sites

So 2013 has seen explode the trend to create single-page Web sites (also called “Single Page Websites” or “One Page Websites”), often the so called “Parallax Scrolling Effect” (ie, the effect of parallax scrolling ).

It is designed to present websites content into a single page (sometimes just one) accessible by the user shaking the same with the mouse.
Taking advantage of the new programming technologies (CSS3 and HTML5 at all), are made of the effects and compelling motion graphics very suggestible to link the content and functions which would otherwise, in a traditional site, they would find space in pages.

one page scrollThis creates a sort of “play” with the objective to keep the visitor glued to the screen or to the mouse.

Even Apple reinvents a simple way to create slides within a web page and to switch from one to another it’s sufficient a little touch on the mouse wheel.
Apple in addition to imposing fashion technology, also launched on web design trends.

The latest invention is the so-called “One Page Scroll” that we can see by going to the section of the new iPhone 6 on Apple’s site.
This is a vertical scroll page with the particularity that a single shot of the entire scroll wheel is paged.
It looks a little like the classic slideshow of images but in this case, is a vertical shot. The genius is that, in an unusual way to see the reality of trying to reinvent it. The result is a sequence of slides that allow to isolate individual concepts and present them to the user individually, exactly as in a commercial presentation.

Pros and Cons

Slender sites, but not for all! Web sites on one page embody the widespread tendency in recent years to “slim down” the web or designing websites more streamlined, simple to navigate, and with the right amount of content.

Not all businesses lend themselves well to this approach.
For example:

  • Corporate Web sites that require a strict division of content in specific areas;
  • multi-product sites and portals;
  • content-rich sites that are in need of an organization into categories and a classic sailing to provide the correct user experience.

To determine if the structure of a page is a way to go for your business, look at the design stage to evaluate the pros and cons of this approach.
For example, ask yourself:

1. How should I lay out content?

Web sites with a lot of information are not ideal candidates for this approach. If you must post more than a dozen pages of texts and other data, it is better to opt for the classic multi-page solution.

2. Do with this site I want to promote a single product / service?

The single page website lend themselves effectively to bring together in one page all the information about a product or service. This will make it easier for potential customers to understand at a glance the features and benefits of the offer.

3. Are the contents sequential to each other, or are divided into independent sections?

Place on a page disconnected pieces of information is not the most effective choice; you are likely to confuse the user. In these cases it is best to opt for a multi page. On the contrary, when the information is linked by a common thread (eg. for an app: features, benefits, customer feedback, various solutions of purchase, service, etc …) the choice of a single page may prove the most effective and distinctive.

Advantages of Single Page Websites:

one page scroll

  • browsing experience faster and more dynamic;
  • a greater distinction in terms of creativity than sites designed in the traditional way;
  • an effective and creative websites “brochure”, which have a single product or service;
  • the most efficient choice for the mobile web.

The disadvantages:

  • the risk of having a page (and thus the internal site) too heavy;
  • the loading times longer, depending on the density of the contents;
  • an experience that could strain the eye when the site is very long and vertical scroll becomes difficult to follow;
  • a creative process more challenging to find a consistent design that visually unifies the entire contents of the page.


The answer is no, at least not without some changes.
And so what are the steps you can take to make a website so organized as visible as possible:

  • draw each section of the page as if it were a separate page and optimize the content (titles, text and images) with current SEO guidelines;
  • using and optimizing the “anchor links” or links within the same page, the same way as in the step above;
  • apply all the technical potential to develop the source code and make the page lighter and faster to load.

In conclusion:


Choose from us your hosting space to create your One Page Scroll !! https://www.7host.com/hosting.html