H2OPal helps you establish a healthy habit of drinking water. It is both a standalone mobile app for iOS and Android as well as a smart water bottle product that automatically tracks your water intake and syncs the data with the apps via Bluetooth.
Many people who use H2OPal also have the Apple Watch so we set out to make a delightful experience for the H2OPal Apple Watch users.
Showing the Apple Watch App in three different states. When a user is below her current daily goal target, when she is close to her current target and when she is exceeding her expected daily goal progress.
Similar to the mobile apps the user's daily goal is graphically represented with a radial progress bar.
Manually tracking water intake through a smartphone (taking out your phone, unlocking it, etc.) can be quite inconvenient so allowing users to log their water intake through the Watch app is a very useful feature for people that want to or need to accurately keep track of their water intake.
On the left: The manual input options accessible through Force Touch.
On the right: List of all water intake logs for the current day.
H2OPal complication on multiple Apple Watches with different watch faces. Complication also shows your daily goal progress in a circular progress bar.
Codepen of UI prototype made with SVG and plain JS.
I hope you enjoyed this project and find it inspiring for your own work.
Feel free to message me or write a comment with any questions or feedback. Thanks!
