I was oddly propelled to click on an ad today, brought to me by the makers of the Smart Car. It was a pretty, clean, well made site. I scrolled up and down to see if anything would catch my eye, and strangely enough something did.
Some time ago I made a post about the coolness of sites I see that take advantage of telling their story, not through pages navigated to by the standard point-and-click, but by animating the home page based on the amount of scroll a user applys to the site. (You can find the post on cool scrolling animated sites here )
Some people have done a poor job of creating well balanced sitethat not only tells a good story, but does in a animated way that tells the story better than it otherwise could be told. And done smooth enough that the coolness, or story, isn’t hindered by the latency and choppyness of the meium.
Well This smart car ad page did just that. And without futher adu, here are some screeen shots and the link to the smart car ad site (2011-12-4).
It begins with a simple page, that focuses all the users attention to the car, and its size.
As you begin scrolling the colors of the sites changes and the a different smart car is presented.
Notice the menu on the right site, letting you know where you are in the story. The white cricle tells you what part of the story you are currently in, and what is coming up next. Notice the blending from one “page” to the next as you scroll. Notice how you find you self scrolling more and more, and digest a few tid bits of knowladge thatyou would ohter wise not have gained behidn a barier of clicks. Well done.