adidas Run Genie - Results

Step Three: View Results
The Results screen was the most challenging portion of the app to define, as it needed to convey a huge amount of complex information in an understandable way.

The final solution involved creating custom animations which would represent each potential result, and define the customer’s running habits. Using visual representations of each movement was key in demonstrating what metrics the app had recorded and how slight differences in movement could affect their running style.

The animations were all 2D shapes, initially created in Illustrator, brought into After Effects, and animated frame-by-frame. Check out the process below!