Nestor PeñaDesign Engineer · Product Designer

Case study 02 · ECCO2 Solutions · Aug 2019 – Jul 20221 min read

Keeping an interface simple while a product grows.

As ECCO2's only designer and frontend developer, I kept its energy portal simple while it grew 50-fold.

Built with
  • React Native
  • ASP.NET
  • C#
  • Databases
15→800+buildings on the platform
2M m²of real estate
5→30people
1designer: me
Real estate managers in a meeting room reviewing a portfolio energy dashboard on a wall screen. Source: ecco2.ch
View mode

Showing the result. Switch on the Thinking layer to see how I got there.Showing margin notes, sketches and the options I rejected.

Context and role

more data ≠ more screen

Managers had minutes and one question: are we saving energy?

ECCO2 optimises heating for real estate portfolios with AI. From 2019 to 2022 I did all of its design and frontend work. Every new building and sensor added data.

  • Growth15 to 800+ buildings
  • UsersManagers, not energy engineers
  • PaceA startup going from 5 to 30 people

How I thought about it

hardest part: saying no to new tabs

Where to start

A dashboard with every metric
A list of buildings

Savings first, details on demand

The answer goes on top; the data stays one click away.

New features

A tab per feature
A separate tool

No new tabs

Every feature earned a place in an existing view, so the portal grew in scope, not in navigation.

Design and code

Hand off specs
Design only in mockups

Build it myself

Ideas were tested in code the same week.

What I built

  • Customer portal. Portfolio total first, then each building, then the data behind it.
  • Growth-ready structure. Views that held up from 15 to 800+ buildings.
  • New UI proposals, singled out by the CTO in my work certificate.

Tenant app, iOS and Android

An ECCO2 sensor mounted on heating pipes, its display showing the water temperature
An ECCO2 sensor on a heating system. Photo from ecco2.ch.

Impact

800+ buildings and 2M m², no redesign needed.

“We particularly appreciated his proactivity in proposing new solutions for user interfaces.”
Michael Frossard, CTO · ECCO2 work certificate, translated from French
Portfolio overview in NARA AI, ECCO2's current product, on ecco2.ch
ECCO2 today. Image from ecco2.ch.

What I'd do differently

  1. Run structured usability tests earlier.
  2. Write down the design principles for the next designer.

Growing product, growing interface?