During Workout

Designed the whole During Workout flow. Made sure every variation and state have the same look and feel and behave in an intuitive way.

https://s3-us-west-2.amazonaws.com/secure.notion-static.com/6b302ae3-c9f5-4f78-ad37-8e1f73bccae6/Dz3JEU5LQHuyvxRSOV2w_workoutOverview.jpg

Final design for each state, including specs for developer handoff.

https://s3-us-west-2.amazonaws.com/secure.notion-static.com/9284729a-8ef1-4d2a-82cc-f18471b2fd78/sdRrEpUnRPygFi3nxk3d_.png

https://s3-us-west-2.amazonaws.com/secure.notion-static.com/7eaad279-bbdc-41f7-a031-03e1c0a9da4a/WEKnkGRTqx8wAgVllgtA_Workout_specs.jpg

Created a lot of animations and prototypes to clarify how many of the transitions and interactions should work.

https://s3-us-west-2.amazonaws.com/secure.notion-static.com/47249998-1ca0-4e70-919b-517112b5dec1/OFDBvPw2RqOrpY4UFMEr_Timebased-Exercises_.gif

https://s3-us-west-2.amazonaws.com/secure.notion-static.com/f72091a6-960b-4547-a9ea-4ef39f93734d/UihspfYvQ6qLDIH25Xig_ToggleSelection.gif

https://s3-us-west-2.amazonaws.com/secure.notion-static.com/d8b6fb1c-31ae-4e6a-80bf-c7432e103313/44ratlzFQZ2lK6LyZoVW_Plan Creation Animation.gif

Android Wear

The whole During Workout flow was not only made for phone and tablet, but also created with Android Wear on mind. Controlling a workout is always the same, no matter what device you're using.

Wireframes:

https://s3-us-west-2.amazonaws.com/secure.notion-static.com/5b2faa9d-9756-46a9-86c0-f086088373ec/B3mS6knQGOjjJ1U94fcd_Untitled