image

From taking readers through the thought process of the four-person team behind designing Nike Better World, to demonstrating the code necessary to create your own parallax scrolling site, this article is a great read for creatives and developers alike. It goes in depth without being exhaustive, and provides key insights into the creative process of crafting a great interactive experience with a brand.

http://coding.smashingmagazine.com/2011/07/12/behind-the-scenes-of-nike-better-world/

“Nike Better World is a glimpse into how Nike’s brand and products are helping to promote sports and its benefits around the world. It is a website that has to be viewed in a browser (preferably a latest-generation browser, although it degrades well) rather than as a static image, because it uses JavaScript extensively to create a parallax scrolling effect.

A good deal of HTML5 is used to power this immersive brand experience and this website has clearly been a labor of love for the agency behind it. Although parallax scrolling effects are nothing new, few websites have been able to sew together so many different design elements so seamlessly. There is much to learn here.”