Smartwatch Fitness Progress Ring UI design and animation mad...

Smartwatch Fitness Progress Ring

UI design and animation made entirely in Rive. Used data binding for distance tracking tied to the counter calculations. View models use map range converters to smoothly animate the distance progress marker. User has the ability to change distance goals on the fly, pause and restart while the progress ring updates in real time. Try out the interactive desktop version here: https://www.martinvonwill.com/interactive#/fitnesstimer/