100%

The Popular Single-Page Website

R Proffitt
by Richard Proffitt
iopan design

Single-page websites have become increasingly more popular over the last couple of years. The navigation links, instead of opening additional web pages, simply scroll to the appropriate piece of content on the single index page. There are advantages and disadvantages of this type of site, which we shall examine below. Following this, you will find a short list of typical, FREE, responsive single-page website templates below.

The Advantages

  • Build Efficiently & Quickly
  • More Predictable Content Pathway
  • Perfect for Mobile
  • Greater User Engagement

When implementing a one-page template - or designing your own one-page design, there is a greater likelihood that you'll stay more in control of the mark-up and get less fuddled with the styles. Basically, it's a simpler job than a traditional system of pages and directories. HTML is more stream-lined and efficient, and you can mostly avoid problems like missing links and duplicated content. Of course, building in this way is far quicker too.

When users engage with your site, they take a fairly predictable journey through it: from top to bottom. A one-page website doesn't have the capacity for users to jump about quite so much, and, in fact, many people find the scrolling or sweeping the page down to be an acceptable way of interacting and passing time. This is good as you can have far better control over (or predict more accuratly) the path they take through your site and the order in which the events on your site happen.

This simplicity and predictable upward swipe (or downward scroll) just lends itself to mobile use. I think that as the success of the single-page website has mushroomed, so has the massive growth in mobile take-up. So, for mobile, then, the single page website is perfect.

The Dis-advantages

  • SEO can Suffer
  • Poor Control of Big Information
  • Page Load Time Problems
  • Hard to Analyse
  • Difficult to Share

Cras tellus enim, sagittis aer varius faucibus, molestie in dolor. Mauris molliadipisg elit, in vulputate est volutpat vitae. Pellentesque convallis nisl sit amet lacus luctus vel consequat ligula suscipit. Aliquam et metus sed tortor eleifend pretium non id urna. Fusce in augue leo, sed cursus nisl. Nullam vel tellus massa. Vivamus porttitor rutrum libero ac mattis. Aliquam congue malesuada mauris vitae dignissim.

Four types of single page websites
Content is still King

There may be two or three screens worth of information but often there is more. Some single or ‘one page’ websites, when viewed especially on smart phones, cover many pages.

Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit, sed quia consequuntur magni dolores eos qui ratione voluptatem sequi nesciunt. Cras tellus enim, sagittis aer varius faucibus, molestie in dolor. Mauris molliadipisg elit, in vulputate est volutpat vitae.

“If I had asked people what they wanted, they would have said faster horses.”

Someone famous in Henry Ford

Cras tellus enim, sagittis aer varius faucibus, molestie in dolor. Mauris molliadipisg elit, in vulputate est volutpat vitae. Pellentesque convallis nisl sit amet lacus luctus vel consequat ligula suscipit. Aliquam et metus sed tortor eleifend pretium non id urna. Fusce in augue leo, sed cursus nisl. Nullam vel tellus massa. Vivamus porttitor rutrum libero ac mattis. Aliquam congue malesuada mauris vitae dignissim.

stock market illustration

FREE, Responsive Single-Page Website Templates

Cras tellus enim, sagittis aer varius faucibus, molestie in dolor. Mauris molliadipisg elit, in vulputate est volutpat vitae. Pellentesque convallis nisl sit amet lacus luctus vel consequat ligula suscipit. Aliquam et metus sed tortor eleifend pretium non id urna. Fusce in augue leo, sed cursus nisl. Nullam vel tellus massa. Vivamus porttitor rutrum libero ac mattis. Aliquam congue malesuada mauris vitae dignissim.

<div class="logo-footer-cont">
  <a href="index.html">
     <img class="logo-footer" src="images/logo-footer.png" alt="logo">
  </a>
</div>

Pellentesque venenatis tellus non purus tincidunt vitae ultrices tellus eleifend. Praesent quam augue, accumsan nec tempus dapibus, pharetra ac lacus. Nunc eleifend consequat justo id dapibus. In ut consequat massa. Nunc scelerisque suscipit leo nec imperdiet.

Nullam vel tellus

Pellentesque convallis nisl sit amet lacus luctus vel consequat ligula suscipit. Aliquam et metus sed tortor eleifend pretium non id urna. Fusce in augue leo, sed cursus nisl. Nullam vel tellus massa. Vivamus porttitor rutrum libero ac mattis. Aliquam congue malesuada mauris vitae dignissim. ❧



Articles