Smartwatch Fitness Progress Ring UI design and animation made entirely in Rive. Used data binding...Smartwatch Fitness Progress Ring UI design and animation made entirely in Rive. Used data binding...
The network for creativity
Join 1.25M professional creatives like you
Connect with clients, get discovered, and run your business 100% commission-free
Creatives on Contra have earned over $150M and we are just getting started
Back to feedPost
Martin's avatar
Martin von Will
• Dec 2
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/
rivechallengeRiveRive AnimationUI Design
Back to feed
The network for creativity
Join 1.25M professional creatives like you
Connect with clients, get discovered, and run your business 100% commission-free
Creatives on Contra have earned over $150M and we are just getting started