Strava is a social-fitness community of millions of athletes from hundreds of countries. Strava athletes range from casual to professional and some can be obsessed with their fitness data. Strava's Year In Sport is something athletes look forward to but is also a valuable recruiting tool via social media shares. The client wanted to avoid the shortcomings of a prior relationship: lack of control/ownership, difficulty with social sharing.
Create a shareable, interactive experience inclusive of all types of athletes that wouldn't just highlight peak performances. Integrate the experience within the Strava site and collaborate with their developers to give Strava complete ownership.
The UI design was done in Figma along with some basic prototypes. The next step was to do more robust prototyping using vanilla JavaScript while decisions regarding the final tech stack were being made. I used the Greensock JS animation library (due to it's compatibility with JS frameworks) and sample JSON data to create prototypes. There was also some early discussion of using device motion sensors, so I handled that as well.
View gyroscope prototype | View data-vis prototype
The experience was built in React using Contentful CMS. I was able to modify my prototypes to work in React and help other developers build the additional data visualizations. We collaborated closely with the Strava tech team to get the data we needed and to integrate the experience into the Strava site. More info and demo available by request.
View screen recording