nikebetterworld.com

nikebetterworldcom

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/

2 Comments

  1. fiari

    ^^

    Reply
  2. gregory.williams

    nice work keep it up nike

    Reply

Submit a Comment

Your email address will not be published. Required fields are marked *

News & Articles

The Essential Guide to Getting Started on Freelance Writing

The Essential Guide to Getting Started on Freelance Writing

Explore the lucrative and fulfilling world of freelance writing with our essential guide. Learn about specialties like blogging, social media, article, and technical writing. Build a portfolio, find work, set up your business, and discover the potential earnings. Embrace the freedom of working from home and follow tips for success in your dream career.

Securing Your Website: A DevOps Security Checklist

Securing Your Website: A DevOps Security Checklist

Learn how to secure your website with a comprehensive DevOps checklist. Dive into SSL/TLS encryption, password practices, and more. Discover the power of Content Security Policy and safeguard your online presence effectively.