Transform Your Experience with Dewey: The Interactive Hydration TrackerTransform Your Experience with Dewey: The Interactive Hydration Tracker
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
Meet Dewey 💧 Your Favorite Water Enforcer
Standard hydration trackers usually rely on boring, static progress bars. For my second entry into the @rive_app Interactive Character Challenge, I wanted to see if I could replace a progress bar with an emotional feedback layer that actually motivates the user.
Enter Dewey.
Instead of just checking a box, your input directly affects his well-being. At zero glasses, he is shriveled, dark, and gasping. But as you log your water intake, Dewey gets rehydrated and transforms into a plump, sparkling, fully-hydrated companion.
Behind the Build:
Vector & Rigging: Fully hand-crafted UI and character mesh, rigged specifically for dynamic state changes.
Logic: Built a custom Rive State Machine to seamlessly connect the UI buttons (Register a Glass, Reset) to Dewey’s physical transformations.
Audio Design: Baked custom timeline audio (gulping, squeaks, and dehydrated breathing) directly into the keyframes for frame-accurate sound design.
Check out the video walkthrough below, or play with the live, interactive UI yourself right here: https://editor.rive.app/file/dewey/2389042?linkId=XBt_m1PzRkONnJuPjcgSMg X Post : https://x.com/Haseeb47176936/status/2070274218739355726?s=20
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