- Back to Home »
- Top Tips for One Page Scrolling Websites
Posted by : Amanda Stein Thursday, July 25, 2013
One-page scrolling websites are a fast emerging trend in web design. If you’re unsure of what a one-page scrolling website is, go and look at Pinterest. Instead of having separate pages, everything is placed on the same page, which then scrolls indefinitely. Some sites feature everything on their page and stop when they have no more content, but the real way to embrace one-page scrolling design is to make the content repeat itself.
We know that you’re probably thinking this goes somewhat against the other design advice you’ve read this year that talks about keeping it simple and having as much information as possible above the fold, but, if you have the site concept and the content to make it work, there’s nothing better than a one-page scrolling design.
Here are some tips that will help you to implement it.
Don’t Just Do It
Think about your business, your website, and your customers. If what you do fits the idea of a one page scrolling design, then use it. On the other hand, if you have lots of different pages that people will want to find quickly, making them scroll down the page continually until they’ve found what they’re looking for won’t be much good.
If your site isn’t suitable but you do want to use it, consider separate hosting for your blog page, and use it on there instead.
Make Sure It’s Fun
Simply scrolling down a page is a fairly mindless activity, and it’s down to you to make your site fun so that it is easy to interact with. You don’t have to do anything ridiculous, even something as simple as adding in off the cuff pictures, videos, or fonts at various parts of your page to break up your content. You might even want a pop up ‘page guide’ to interact with the browser, or have an icon or image that follows you down the page as you scroll, for example.
To engage people with a one-page design, you just need to stick to the principles of modern design. Keep it as clean and as simple as possible. Make use of space, which is easy with this concept, and ensure your titles stand out so people can easily see what they’re looking for.
One-page websites can very quickly turn into a messy mass of content if they’re not looked after properly. With this in mind, ensure you’ve thought fully about every aspect of your design before implementing this type of site; the last thing you want to do is realise your site isn’t as engaging as you want and then have to spend time putting right the problems.
Be Clever With Calls to Action
Of course, the paradox with one-page scrolling websites is that you want your content and information to go on forever, but at some point, you need your customer to answer a call to action and fulfil your site objective.
You can make this happen in a number of ways. The first is to have the call to action prominent when you land on your site, at the top of the page, or at the side, and then have it follow the reader down the page at all times. An alternative is to set your site code so that a call to action appears after every ‘full page scroll.’ There are sites that have been successful using both options, so ultimately it comes down to whatever works best for you.
Have the Important Stuff at the Top
We’ve covered this last because it’s important and we want you to remember it. Just because you’ve gone for a one-page scrolling design doesn’t mean you can put your valuable information everywhere. Many people, especially those who are new to the concept of one-page scrolling websites, aren’t going to want to scroll down too far, and might even leave when they land on your page and realize what type of site it is.
Your one defence against this is to have everything you want people to see first where it normally would be, above the fold.
One-page websites are great, but it’s easy to get them wrong. Make sure you make a success of your one-page scrolling site and that it fulfils all of your objectives.
Author Bio: Pete is a passionate freelance web designer who advises his clients to use a VPS hosting service for the best possible experience. Pete is currently developing a number of one-page scrolling designs, and hopes to partner with a leading design or hosting company soon.