A battle of the sprinting sexes to see who can pile up more miles.
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 be 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.
We were inspired by gaming culture and the concept of employing 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 videogame 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.
Launch date: December 2, 2012
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 managed 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.
team members working on this project
tween libraries used