Architecture Redevelopment for Leak Detection & Mitigation System

We designed operational UX and UI, implemented UI and backend architecture redevelopment for a real-time water leak system — Halo.

Client & Context

Halo is a leak-detection and mitigation system for residents, technicians, and building management.

Previously, Halo ran two separate platforms (technicians vs. clients), which caused confusing navigation and slowed improvements. We moved to a single platform with multiple roles.

From Audit to Unified Platform

Product & UX audit

We audited the two legacy platforms, mapped user roles and top incident paths, and identified duplications and dead ends.

Information Architecture & Roles

We defined a single navigation and role-scoped visibility so users only see what they can act on.

Operations Dashboard

We surfaced real-time incidents, device health, and building topology with color-coded statuses and clear next actions.

Device Management UX

We consolidated the inventory, added a quick-add flow for new devices, and built powerful filters for fast lookup.

Incident Workflows

We designed stepwise flows to confirm → locate → isolate (valves) → resolve, with explicit confirmations for risky actions.

Alerts & Notifications

We introduced priority tiers, channel preferences (email/SMS/in-app), and escalation paths for unacknowledged alerts.

Design System

We created status badges, icons, and layout tokens for consistency, plus accessibility and high-contrast states for field use. The experience is mobile-first and responsive across devices

Prototyping & Validation

We delivered clickable prototypes and ran scenario tests with technicians and managers, iterating until core flows hit target success.

Handoff

We specified interactions, states, and error handling, and shipped a component library for rapid build.

Onboarding

We trained 8 HALO specialists over 4 days and provided an admin handbook, SOPs, and quick-start videos.