Mekael Wesley-RosaDesigner
RunwiseCase study← All work

Redesigning the whole app without turning it off

Nine parts of a heating-control app, rebuilt and switched over one customer at a time while thousands of apartment buildings kept running.

This one waits for the guestbook. Leave your name and email and it opens.

Still shut after that? Email me and I’ll send it another way.

The rebuilt overview on a phone: a search and filter bar, a green banner reading $40,226,547 saved, then a list of buildings — the first one red and flagged boiler down at 82 degrees, the rest showing an indoor temperature and how many alerts are open.
The overview, which is the screen I rebuilt first. The old app had to keep running through the heating season for every customer we had not moved yet.
Screen areas rebuilt9
Heat interrupted during the switchNone
Pageviews on the overview, today37%
Deals sourced by an empty state1

Introduction

Runwise hired me as its first product designer. The app controls heat in thousands of apartment buildings. If we broke the wrong thing in January, somebody did not just see an error page. Somebody got cold.

Over six months I rebuilt nine parts of it without interrupting a single building during heating season. The first design decision was not color, type, or layout. It was deciding what could change first.

This wasn’t a two-year redesign, and it wasn’t one big reveal. We built the new app beside the old one, then moved customers across a batch of accounts at a time. More on that in a minute.

The product worked. That was the constraint.

The old app was inconsistent, but it was not a failure. Real buildings stayed warm because of it. Each area had simply been designed at a different time by a different person, until the app looked less like one product and more like a record of everyone who had worked on it.

A superintendent still had to run the heat on Tuesday exactly as they had on Monday. We could not move every building to a new app on the same morning and hope. The old and new products had to run side by side, customer by customer, into heating season.

This made the redesign a sequencing problem before it was a visual one.

I was the only designer, working with our head of product, a product manager, a handful of engineers, and our CEO. That meant I owned the system, but not every good idea inside it. A formal design system came about a year later and was built by the broader team. This project was the earlier, messier work of finding the patterns that system would eventually need.

Why the building overview had to be rebuilt first Nine screen areas were rebuilt over six months. The building overview went first because every screen below it inherits its structure, so getting it wrong would have meant redoing the other eight. The water tab, a screen that is empty for most customers, later sourced a closed deal. Building overview the shared foundation Heating Water List Graphs Targets Alerts Push Settings Store Every one of these inherits the overview’s structure. Get it wrong and you draw all eight twice. Build the shared structure once. Then move customers over without interrupting the product. The overview still carries 37% of every product pageview.
Every other screen inherited the building overview’s structure. Designing that shared foundation first meant the other eight never had to be drawn twice.

Start where every task starts

Almost every job began on the building overview. A manager opened it to investigate an alert, find a building, change a schedule, or begin using the app for the first time.

Whatever that page taught them, they carried into every screen after it. The other eight areas would inherit its structure. Get the overview wrong and I would redesign the rest twice.

The old page showed the same information twice. It ranked the buildings that needed attention, then repeated them in a second list. One building could appear in both with two different reasons to click it. People had to decide which list to trust.

That sounds like a small interface problem. It took longer to resolve than designing the next four areas combined.

We ended with one list. Every building appeared once, its state sat beside it, and the next action was obvious. That became the grammar for the rest of the app: show one state, then the action that changes it.

The new app was built beside the old one, then customers moved across in batches A timeline from May 2023 to January 2024 with two lanes. The old app runs the whole way across. The new app is built beside it on a test app until November 8, when it goes live and accounts start moving from the old lane to the new one. A continuous line through the middle shows that customers kept operating their buildings throughout. On day one 28 accounts moved. Within two days it was 188 property companies, 31% of buildings. Rollout Old app New app May 2023 Nov 8 Jan 2024 Every customer, until their account moved Customers kept running their buildings Built beside it, on a test app Live Overview designed first 31% of buildings in two days A relaunch, one batch of customers at a time.
We built the new app beside the old one and started moving accounts across on 8 November 2023: 28 on the first day. Nobody had to switch on the same morning, and the old app kept running into January for anyone we had not moved yet.
The old overview showed the same building twice; the redesign gave it one trusted place A simplified before-and-after interface. The old overview contains a ranked attention list and a second all-buildings list with Building A appearing in both. The redesigned overview contains one list where each building appears once with its status and next action. Before Needs attention Building A Alert All buildings Building A Cold twice Which list should I trust? After Buildings Building A Cold · View alert Building B Comfortable One building. One place. One next action.
The old overview repeated buildings in two competing lists. The redesign gave each building one place to appear, with its status and next action together.
Three phone screens from the heating area. The first shows a building at 64 degrees with heat on, a Cool down and a Heat up button, and the day, mild weather and night targets listed below. The second is the day target editor, set to 76 degrees and warning that this is extremely above average. The third is a Heat up actions sheet offering a two-hour boost or a one-degree increase to the day, mild or night target.
A building’s heating area, which inherited the overview’s structure: one state, then the action that changes it. Setting a target directly says when the number is far outside what other buildings run, and the Heat up sheet turns “it’s cold” into a specific change a manager can apply.
The overview carries a little over three times an even share. Read the other way, the eight remaining areas divide 63% between them, so the average area outside the overview carries under 8% — and the screen that was rebuilt first is doing about five times the work of a typical one.

The empty page that produced a sale

Most customers used Runwise for heating but not water monitoring. When they opened the water tab, they found a screen built for somebody else’s account. There was nothing to show.

The normal answer is a gray icon and “No data available.” It is honest, quick, and completely useless. It closes the conversation at the exact moment a customer has told you what they are curious about.

After nine versions in the product channel, the empty state explained what water monitoring would do for that building and gave the customer one clear way to ask about it. Three weeks after launch our head of product traced a closed deal back to a customer clicking that page.

We did not target anyone or send a campaign. The customer went looking for something they did not have. The page was ready when they arrived.

The ladder is about who the page is for. On rung one and rung two it is for the customers who have the service, and the ones who do not are handled. On rung three it is for the customers who do not have it, and the ones who do never see it — which is the move, and the reason a deal came out of it.

Put the work where everyone could argue with it

I had no design team to review the work. So I posted it in the company product channel, where the people who built, sold, installed, and supported the product could pull it apart.

  • Lee, our CEO, argued with me about how charts behave when you touch them.
  • Two engineers talked me out of my chart-hiding logic, and were right.
  • Field staff told me what installers would hit before one hit it.

None of them reviewed like a designer, which was the point. They caught problems a design-only critique would have missed. I still work this way now that the company has formal design reviews.

Before each release we also taught the new behavior internally. If the support team cannot explain a redesign, it is not ready for the customer who calls them.

The part I got wrong

All nine reached customers without interrupting any building’s heat. That was the hard requirement, and we met it.

I cannot tell you that the new screens made every task faster or easier. The product did not measure how people used each area before the redesign, and I did not add that measurement as I went. Shipping felt more urgent. I chose it every time.

That left us with no baseline. I can show that the overview now carries 37% of product pageviews, but not whether rebuilding it first made people better at their jobs. I might have been right. I might have been wrong and never known.

I now put measurement into the plan before the first design review, while there is still an old product left to measure.

What I can prove is narrower and still worth saying: nine areas changed while thousands of buildings stayed live through winter, with no interruption to their heat.

And people moved without complaining. In the first two days of the rollout, 188 property companies moved to the new app. That was 31% of our buildings. Our head of product wrote that week: “we’ve had virtually ZERO support volume on the redesign specifically.” Our support lead pointed out that small releases usually drew complaints right away. This one changed the whole app and drew almost none. That tells me the switch was easy. It doesn’t tell me the work got easier.

Nothing was lost during the migration. Measurement is where the record goes to zero.

The bigger picture

What I want you to take from this is the pace. This wasn’t a two-year redesign. We went from the first kickoff questions to customers on the new app in under six months, then moved them across in batches. We weren’t just making the app look like one product. We were proving Runwise could replace the whole thing without turning the heat off.

I now put measurement into the plan before the first design review, while there is still an old product left to measure. Shipping all nine areas without interrupting the heat was the achievement. Leaving no baseline behind was the hole in it.

Screen areas rebuilt9
Heat interrupted during the switchNone
Deals sourced by an empty state1
Share of all pageviews on the overview, today37%
Before-and-after data on any of itNone
The achievement and the hole, on the same scale.

Next