Single page website design has evolved into a fully interactive, stunning animations and technically challenging web projects.
Few years ago, what you will get for a single page website is usually all content are cramped into a single page and grouped into section. So, as you scroll down, you would able to see all of it, section by section. Nowadays, with powerful browsers plus web technologies, we're no longer restricted to just output information, we can also integrate highly sophisticated animation and presentation to our viewers. It sounds awesome, and they look absolutely stunning in action.
Here we have 8 handpicked smooth scrolling websites with crazy animations. For best experience, use Chrome and wait patiently. :)
Absolutely stunning animation created by Sony. A microsite called: Be Moved. As you scrolling down, explosive animation to depict each cutting edge technology Sony has ever made. Dismantled products are being assembled as you moving down the page. Crazy.
A flat vs realism design parody created by inTacto as a 2014 new year greeting card. It scrolls and it even has a build in fighting game.
Nutrition information will be displayed as you scroll through each fruit.
Better late than never. I know Christmas is so last year, but this smooth scrolling digital christmas is definitely worth to be mentioned again.
Scrolling down doesn't mean the page will go downward. Instead, this page actually go horizontal, then vertical, horizontal then vertical..... Based on its flow of story, this website use the scrolling orientation creatively.
A US series created by Fox called ALmost Human. Here we have its microsite titled: Meet Your MX. With its small details and subtle animation, this website is very well-designed and futuristic.
Mario's style page scrolling animation. It goes horizontal and you'll see "Robby" the avatar run and jump into sea. If you get caught with the animation, you might miss the actual content in the background. One good thing though, through this kind of website I know he must be pretty skilful to be able to build that.
17GRAD is a web design studio. This exhibit will show you theirs principles in an interactive and artistic way. For best user experience they recommend Google Chrome. There are a few "easter-eggs", for example, you can change the shirt, cutting-edge page has a fancy animation on mouse over... Check it out.