Friday, April 13, 2012

14 fantastic scrolling websites that tell a story

In the past year or so there has been a trend in web design towards the use of scrolling, which can help to engage visitors and provides a feeling of movement and animation.

These web pages are entirely static, and rely on the visitor to interact in order to generate the ‘movement’. Back in the day if you asked for this a developer would reach for Flash, but nowadays HTML5 (which has a tag), CSS3 and JQuery are usually employed to achieve scrolling effects.

I’ve collected a bunch of scrolling websites that are built with the arrow keys in mind. Some of these are more 'animated' than others, and some scrolling websites feel a little bit clunky, but all of them are interesting and creative web experiences. 

I’m not yet convinced that scrolling is something that e-commerce companies should be embracing en masse, but it can certainly be used to support brand and product campaigns, given that the best examples are inherently narrative. Portfolio-based websites (such as the two agency sites I've featured) are another area where scrolling could come into play.

Scrolling, scrolling, scrolling, keep those websites scrolling…

VW Beetle

Volkswagen’s amazing non-animated animationThe VW Beetle website invites you to scroll down a very long page. When doing so it appears as if the page is animated, when in fact it consists of lots of stills. Hold down the bottom arrow key when you visit the page to kickstart the experience.

No comments: