Monaire is a climate-tech startup focused on improving HVAC performance for commercial facilities. Their platform combines IoT sensors and AI-driven insights to reduce energy consumption, predict equipment failures, and streamline day-to-day HVAC operations. The company works with contractors, facility teams, and business owners who rely on timely alerts and accurate system data to maintain comfortable, efficient environments.
Founded by Nish Kanapilly (CEO) and Rahul Subramany (CTO), Monaire was in its early stages when they engaged Procedure, with a vision to transform commercial HVAC management and make it easier for the people who rely on it. Their ecosystem includes a contractor app and an admin web platform - each critical for interpreting HVAC data and taking action in the field.
Monaire was building a shared platform that would enable building owners, HVAC service providers, and facility teams to interact with HVAC systems in real time. The challenge was that existing workflows across user groups didn't yet support this. Contractors, admins, and customers worked through disconnected, unclear processes that didn't reflect how HVAC issues unfold on the ground. Key actions like detecting an issue, raising a work order, assigning a contractor, or tracking resolution needed a cohesive product structure to make that platform a reality.
Monaire engaged Procedure to design a unified product experience across their entire ecosystem, starting with the contractor mobile app, and followed by the admin web platform. The engagement ran from June 2023 to June 2024, with a focus on defining clear user journeys, restructuring complex HVAC workflows, and creating a consistent, scalable design foundation for all product surfaces.
Procedure helped Monaire bring their platform vision to life across multiple user types. Contractors gained a structured way to act on issues, and admins received a unified operational view. By the end of the engagement, Monaire had a cohesive UI system and a design foundation built to scale across roles and environments.
HVAC operations involve many moving parts, and the workflows can vary significantly across sites and teams, making it challenging to translate them into a unified digital experience. Contractors followed their own site-specific routines, admins interpreted data differently, and customers often had only a partial view of system health. For Procedure, the core challenge was uncovering these undocumented behaviours and understanding how an issue actually progresses from detection to resolution across different real-world scenarios.
Monaire brought the product vision and domain direction. Procedure's job was to take that and turn it into a structured, usable experience. This required deep immersion in their operational landscape, identifying the essential steps in each workflow, separating signal from noise, and designing journeys simple enough for daily field use. The challenge wasn't just designing screens - it was giving form to workflows that Monaire understood deeply but hadn't yet formalized into a product.
We began by immersing ourselves in how Monaire's world actually works - how issues arise, how alerts are interpreted, and how contractors behave in the field. Working closely with their team at every step, we translated that knowledge into structured user journeys rather than designing from assumptions. Once the core workflows were clear, we moved into a phased design approach across the contractor app and admin platform, iterating through wireframes and high-fidelity cycles until the experience matched real field behaviour.
We began with the Contractor App, as it demanded the most immediate UX definition and directly influenced how issues are resolved on the ground. In parallel, we revisited the Admin Web Platform, which already existed in an early form, and refined it with clearer information architecture, improved visibility, and consistent UI patterns. Each phase moved through wireframes, iterative feedback loops, and high-fidelity design cycles to ensure the experience reflected real operational behaviour and scaled effectively across different user roles.
We created a unified product architecture that transformed Monaire’s raw HVAC insights into clear, actionable workflows for every user type. The solution centered around standardizing the entire issue lifecycle - from anomaly detection to work order completion, so contractors, admins, and customers all experienced the same structured flow regardless of site, asset, or complexity. By defining consistent triggers, task states, and user actions, we converted previously ambiguous field operations into predictable, guided journeys.
To support this, we designed a cohesive UI system that worked seamlessly across mobile and web. Each interface prioritized the specific mental models of its users: contractors received streamlined task-focused screens, and admins gained a high-level operational dashboard. By aligning all touchpoints under a shared design language and workflow logic, the solution ensured that every user could interpret data quickly and act with confidence.
To bring clarity and structure to Monaire’s complex HVAC workflows, we designed a unified ecosystem of products and touchpoints. Each surface played a distinct role in turning raw operational data into guided actions for contractors and admin. Together, these deliverables formed the backbone of a consistent, scalable user experience.
Contractor Mobile App
Designed for field technicians to receive work order requests, understand issue context, and complete work orders with step-by-step clarity.
Admin Web Platform
A centralized dashboard enabling Monaire’s team to monitor devices, review performance trends, and coordinate on-ground activity.
Delivering a multi-app ecosystem required more than UI polish - it demanded a structured, collaborative process that brought clarity to undefined workflows. Our design approach combined deep discovery with iterative refinement, ensuring every screen reflected real operational behaviour while still being simple enough for daily use.
| Stage / Area | What We Did | Why It Mattered |
|---|---|---|
| Discovery & Workflow Mapping | Reviewed detailed product specifications and translated them into structured user journeys across contractor and admin workflows. | Created an end-to-end view of how different users interact with the system, for designing workflows that matched real operational needs. |
| Information Architecture | Defined roles, actions, and navigation frameworks for Contractor, and Admin surfaces. | Ensured each user group had a clear mental model of the system. |
| Wireframing & Low-Fidelity Exploration | Built lo-fi flows to validate directions quickly. | Prevented rework and accelerated early alignment. |
| High-Fidelity UI Design | Crafted polished screens using a cohesive design language. | Created a professional, scalable look across mobile and web. |
| Design System Development | Built reusable components, states, and interaction patterns. | Reduced inconsistencies and sped up new feature design. |
| Prototyping & User Testing | Created clickable wireframes and high-fidelity flows, and refined them through regular review sessions with the Monaire team. | Ensured the UX aligned with operational logic, captured edge cases early, and remained consistent across contractor and admin journeys. |
| Iterative Refinement | Incorporated continuous feedback from Monaire’s operational and engineering teams. | Ensured accuracy and usability as workflows evolved. |
| Cross-Platform Alignment | Synced design semantics across contractor, and admin touchpoints. | Delivered a unified experience throughout the product ecosystem. |
The new design ecosystem elevated clarity, usability, and consistency across all product touchpoints.
A structured design workflow ensured clarity, consistency, and alignment across all Monaire product surfaces.
Design & Prototyping
Design System
User Flows & Information Architecture
Developer Handoff
Collaboration
Our process starts with understanding how people actually work in the field - what they notice first, what slows them down, and what decisions they need to make under pressure. This ensures every flow reflects true operational behaviour rather than idealised workflow diagrams. The result is a product that feels natural and immediately usable.
HVAC operations involve overlapping tasks, diverse data points, and rapid decisions. Procedure excels at breaking down these ambiguous processes into simple, guided journeys with clear states and predictable paths. Users don't just see data, they understand what it means and what to do next, reducing errors and cognitive load.
Beyond UI polish, we create scalable design systems, reusable components, and cross-platform patterns that support long-term product evolution. This foundation enables faster releases, consistent experiences across apps, and easier onboarding for both users and engineering teams. Every design decision fits into a bigger operational picture.
Tell us about your AI challenges, and our engineers will give you an honest assessment of how we can help.
More Success Stories
EdTechHow Procedure re-architected Timely’s school scheduling platform to scale seamlessly across 30+ districts with faster onboarding and zero data fragmentation.
TelecommunicationsA case study on MCLabs’ rapid development of mission-critical communication software, from concept to production in record time.