Nike came to us with an idea of "Gender Race" – a running competition between men and women. They wanted to gather users' running data from Nike+, and compare the accumulated distances online to create incentives for runners to run more with their Nike + devices. Our aim is to focus on the running statistics of the users, to have the design being driven by user data visualization instead of using promotional visuals of local celebrities. Statistics are accumulative so users are encouraged to run more frequently and come back to watch themselves outrun their competitors.
The Building Blocks
We were inspired by gaming culture and using technology to develop something that people can use to be creative. As an ad agency, we had to keep reminding ourselves that we were never making an ad. We were making the tools for other people to make ads. It’s a video game version of a commercial maker. What was most exciting about this project is that we didn’t know what people were going to do with it. There were, literally, trillions of permutations of what a commercial would look like.
The Votes
The Details
- Agency
- Brand
- Nike
- Targeted Regions
-
- Asia
- Marketing Objective
- Launch Date
- Dec. 2, 2012
The Team
- Sixstation www.sixstation.com
- Benny Luk, Logo Designer
- pill & pillow www.pillandpillow.com
- Henry Chu, Creative Director, Animation Designer and Coder
- Kevin Kwok, Designer, Front-end Coder
- Tet Chan, Developer, Back-end Coder
- Nike
The Stats
- 4 team members working on this project
- 2 tween libraries used
- 1 baby born
The Results
We used a Nike+ API to gather running statistics from users who joined the MvsW campaign. With the help of three.js and a couple of tweening plugins, we manage to animate the runs dynamically from real data in 3D without using Flash. By connecting to Facebook, users can compare their running statistics against their friends who have also joined the MvsW campaign.
