Nestor PeñaDesign Engineer · Product Designer

Caso de estudio 02 · ECCO2 Solutions · ago. 2019 – jul. 20221 min de lectura

Mantener simple una interfaz mientras el producto crece.

Como único diseñador y frontend developer de ECCO2, mantuve simple su portal energético mientras crecía 50 veces.

Visitar ecco2.ch ↗︎
Hecho con
  • React Native
  • ASP.NET
  • C#
  • Databases
15→800+edificios en la plataforma
2M m²de inmuebles
5→30personas
1diseñador: yo
Gestores inmobiliarios en una sala de reuniones revisando un dashboard de energía de su cartera en una pantalla. Fuente: ecco2.ch

Ves el resultado. Activa la capa Pensamiento para ver cómo llegué hasta aquí.Ves notas al margen, bocetos y las opciones que descarté.

Contexto y rol

más datos ≠ más pantalla

Los gestores tenían minutos y una pregunta: ¿estamos ahorrando energía?

ECCO2 optimiza con IA la calefacción de carteras inmobiliarias. De 2019 a 2022 hice todo su trabajo de diseño y frontend. Cada edificio y sensor nuevo sumaba datos.

  • CrecimientoDe 15 a más de 800 edificios
  • UsuariosGestores, no ingenieros energéticos
  • RitmoUna startup que pasó de 5 a 30 personas

Cómo lo pensé

lo difícil: decir no a más pestañas

Por dónde empezar

Un dashboard con todas las métricas
Una lista de edificios

El ahorro primero, los detalles a demanda

La respuesta va arriba; los datos quedan a un clic.

Nuevas funcionalidades

Una pestaña por funcionalidad
Una herramienta aparte

Ninguna pestaña nueva

Cada funcionalidad se ganó un sitio en una vista existente, así que el portal creció en alcance, no en navegación.

Diseño y código

Entregar specs
Diseñar solo en mockups

Construirlo yo mismo

Las ideas se probaban en código esa misma semana.

Qué construí

  • Portal de clientes. Primero el total de la cartera, luego cada edificio, luego los datos detrás.
  • Estructura lista para crecer. Vistas que aguantaron de 15 a más de 800 edificios.
  • Nuevas propuestas de UI, destacadas por el CTO en mi certificado de trabajo.

App para inquilinos, iOS y Android

Un sensor de ECCO2 montado en tuberías de calefacción, con la pantalla mostrando la temperatura del agua
Un sensor de ECCO2 en un sistema de calefacción. Foto de ecco2.ch.

Impacto

Más de 800 edificios y 2M m², sin rediseño.

“Apreciamos especialmente su proactividad al proponer nuevas soluciones para las interfaces de usuario.”
Michael Frossard, CTO · Certificado de trabajo de ECCO2, traducido del francés
La vista de cartera de NARA AI, el producto actual de ECCO2, en ecco2.ch
ECCO2 hoy. Imagen de ecco2.ch.

Qué haría distinto

  1. Hacer antes tests de usabilidad estructurados.
  2. Dejar por escrito los principios de diseño para el siguiente diseñador.

¿Producto que crece, interfaz que crece?

EscríbemeLinkedIn