Year
2019
Role
Lead UX Designer
Tools
Figma
Project Duration
3 - 4 Weeks
Roles & Responsibilities
DESIGNED THE ENTIRE USER EXPERIENCE, FROM RESEARCH TO VISUAL DELIVERY.
As the lead designer, I was responsible for the complete UX and UI of the smart water meter mobile app. I started with foundational research (whitepapers, competitive audits, and interviews), built user personas and journey maps, mapped key flows, and designed the entire interface with emphasis on simplicity, clarity, and trust. I also led usability testing and collaborated with developers through to a successful beta release.
Most households were unaware of how much water they consumed or lost to unnoticed leaks. The client had built a hardware prototype to track flow but needed a human-centered interface that could make this data easy to understand and act on for all types of users.
There needed to be a way to empower users to monitor usage in real time, receive alerts for unusual activity, and take action remotely, whether it was shutting off a valve or checking reports from another location.
After launch, users reported increased confidence and awareness around their water consumption. The app helped detect and stop leaks quickly, leading to measurable savings. For property managers and residents alike, the product delivered a smoother, smarter way to manage water use.
Design Decisions
EVERY SCREEN WAS BUILT TO BE USEFUL, EVEN IN A MOMENT OF PANIC.
From the start, I focused on reducing friction in key user flows. Onboarding was simplified into a guided, step-by-step experience that included both QR-based and manual device pairing. Real-time data such as water pressure and flow was displayed directly on the home screen, allowing users to take action without navigating through multiple layers.
Valve control, the most critical feature, was made prominent and interactive, with subtle microinteractions to build user trust. We also supported multi-device scenarios for property managers and remote homeowners. Even the profile toggle included visual states to indicate location awareness, making interactions more contextual and intuitive.
