Web design New work
Nissan's fun online flipbook
Remember making these at school? The Japanese car manufacturer puts scrolling effects to good use by bringing the old-fashioned flipbook back to life.
To market its new multi-purpose vehicle, the Nissan Note hatchback, car giant Nissan has created a fun site that you absolutely don't need Japanese language skills to enjoy.
Scroll down the page and a vertical zoetrope effect makes the images animate, enabling you to navigate through the ‘story’ of the new car at your own pace. This recreates a "flip book" effect to showcase a series of scenes involving the Nissan Note.
You can auto-scroll by pressing the numbered buttons on top and even go in ‘reverse’ at the end of the page.
It's a simple but effective little visual trick and a great way of thinking outside the box with your online marketing.
Liked this? Watch this!
It seems the Japanese are mad for scrolling at the moment - check out this video showcasing a similar effect created for Uniqlo:
Don't miss:
- Building a scrolling storytelling framework
- 10 stunning examples of animation with CSS3
- 101 CSS and JavaScript tutorials to power up your skills
Have you seen a good example of scrolling? Share the link with us in the Comments!
2 comments