Nathaly Weeber

Nathaly Weeber

Redesigning a Mobile App for Smart Water Monitoring

Redesigning a Mobile App for Smart Water Monitoring

Redesigning a Mobile App for Smart Water Monitoring

2024

2024

Project Overview

Project Overview

Our client offers smart water monitoring devices that help homeowners track usage and detect leaks in real time. Initially, their mobile app only supported a one-device-per-location setup. As the company looked to scale and support more complex use cases, the app needed to evolve.

Our goal was to redesign the mobile app to enable homeowners and property managers to manage multiple water monitoring devices across properties and customize alerts for better efficiency and scalability.

My Role

My Role

  • Conducted an initial discovery session with the client in collaboration with the Product Lead

  • Audited the existing app

  • Defined user flows for key user tasks such as device setup and management

  • Created wireframes to explore and validate structure and interactions

  • Supported the creation of final designs by applying defined UI guidelines

The Challenge

The Challenge

Redesign the mobile app to support multiple devices per location and update key user flows, including device setup, installation, and alert configuration, to integrate a newly launched device.

Project Planning

Project Planning

Based on the information gathered from the discovery session and an app audit, we defined and refined user stories with the Product Manager to guide and prioritize the design work.

User Flows & Wireframes

User Flows & Wireframes

I created detailed user flows to map out the new journeys for device owners, which helped us validate the structure, and navigation across key workflows.

Sample user flows

Scroll to see full sample user flows

Scroll to see full sample user flows

Main Flows Included:

Main Flows Included:

Add New Location

Allow users to create and name a new location to organize and manage their devices based on where they are installed.

Add Device to a Location

Enable adding new devices to an existing location for accurate monitoring and management.

View Location Overview

Display a summary of all devices within a location to quickly assess status and activity.

View Device Detail

Show device details and alert settings for monitoring and customization.

Key Enhancements

Key Enhancements

  • Incorporated clear diagrams and microinteractions to improve setup experience and user understanding

  • Added a step to help users choose the correct device placement

  • Introduced accessories during the installation process to highlight add-on options and increase product awareness

Adding a location

Adding new device to an existing location

Device settings

Alert Card Component

Alert Card Component

All alert statuses for the new device were defined and implemented as variants of the corresponding UI component, ensuring consistency.

Impact

Impact

  • Improved monitoring efficiency by enabling device grouping by location

  • Integrated the new device across all workflows, installation, settings, alerts, and device details, ensuring a smooth launch.

Project Update

Project Update

In a more recent design iteration, we introduced an alert acknowledgment feature that allows users to provide feedback on smart alerts, helping improve accuracy and relevance over time.