Smart Roof — Leak Monitoring System
We improved a commercial roof monitoring service called “Smart Roof” For largest big company.
The engagement included a full redesign of the user dashboard and development of core modules, most notably an interactive wetness map that visualizes leak zones across roof plans.
Task
-
Build testing processes from scratch to support a production‑grade digital service.
-
Redesign and refactor the user dashboard to significantly improve UX.
-
Develop and integrate core functional modules: sensor pages and a unique leak map based on heatmap visualization.
Solution
-
Strengthened the client team with frontend and QA expertise, establishing a reliable delivery rhythm.
-
Implemented end‑to‑end testing processes and CI flows to ensure product stability.
-
Redesigned and refactored the user dashboard to simplify workflows and improve data clarity.
-
Developed sensor management pages and a custom heatmap‑based wetness map to visualize leak extent and intensity rather than isolated points.
Hypotheses and insights
-
During discovery we concluded that a leak is not a single point but a spreading zone; point markers don’t convey scale or intensity.
-
We hypothesised that heatmap visualization, applied to subdivided roof sectors, would better communicate where moisture accumulates and how severe it is.
-
Validation through prototypes showed stakeholders and pilots understood risk zones faster and could prioritize interventions more confidently.
Technical implementation
-
Created a vector representation of each roof plan and partitioned it into sectors and cells.
-
For each sector we generated a dedicated heatmap layer; cells display “heat circles” that visually resemble puddles and indicate moisture concentration.
-
The visualization pipeline aggregates sensor readings by sector and renders dynamic heat overlays on the plan.
-
Development of the wetness map prototype and integration into the dashboard took about two months.
-
Testing and CI were implemented to support weekly releases and ensure stable deployments.
Results
-
Time‑to‑market for key features reduced to two weeks through agile practices.
-
Release cadence stabilized at one update per week, enabling rapid response to market feedback.
-
Critical bug count decreased by ~90% after QA and process improvements.
-
Pilot deployments on 45 sites confirmed demand and paved the way for scaling and commercialization.
-
The project launched on schedule, helping the client enter a new market segment with a robust, high‑technology product.
User impact
-
24/7 visibility of snow‑load and leak sensor data enables facility managers to act proactively (for example, activate roof heating or repair small leaks), preventing catastrophic failures and multi‑million repair costs.
-
Centralized storage of technical documentation, drawings, work reports and contractor contacts reduces paperwork chaos and mitigates the risk of losing critical information when personnel change—especially important for long‑lifecycle facilities.
Technologies
-
HTML
-
CSS
-
Vue.js