Looks like http://nikebetterworld.com is another Ian Coyle work of art. He is in a league all his own. – @desandro

He certainly is! This site is fantastic! From a story telling perspective the site flows so well, it takes you from the home page down the closing note and it does it all by making you enjoy scrolling. That’s a feat on it’s own. Experiencing this site is really the only way here. So go check it out if you haven’t already…

Nike Better World isn’t the first or last to use parallax scrolling, but what sets such websites apart is the compelling stories they tell. In the year it was launched, Nike Better World gained significant attention in web design galleries, showcasing the power of a great idea and clever design and development techniques.

Here’s a video showing off the design in action:

Nike Better World provides a peek into how Nike’s brand and products promote sports and its global benefits. It’s not just a static image; it’s an interactive experience best viewed in a modern browser, thanks to extensive JavaScript use for the parallax scrolling effect. HTML5 plays a pivotal role in delivering this immersive brand experience, showcasing meticulous craftsmanship in design.

Interactive Storytelling Experience

Nike collaborated with Wieden+Kennedy (W+K), a renowned advertising agency, to assemble a team of four individuals responsible for Nike Better World. Their focus was primarily on creating an exceptional interactive storytelling experience, with technology being secondary. This approach underscores the importance of concept-driven design.

Links and stuff found on:

https://cargocollective.com/seth_weisfeld/Nike-Better-World

https://www.wk.com/work/nike-better/

https://www.smashingmagazine.com/2011/07/behind-the-scenes-of-nike-better-world/