Nestor PeñaDesign Engineer · Product Designer

Fallstudie 02 · ECCO2 Solutions · Aug. 2019 – Juli 20221 Min. Lesezeit

Eine Oberfläche einfach halten, während das Produkt wächst.

Als einziger Designer und Frontend-Entwickler von ECCO2 hielt ich das Energieportal einfach, während es um das 50-Fache wuchs.

ecco2.ch besuchen ↗︎
Gebaut mit
  • React Native
  • ASP.NET
  • C#
  • Databases
15→800+Gebäude auf der Plattform
2M m²Immobilienfläche
5→30Mitarbeitende
1Designer: ich
Immobilienverwalter in einem Sitzungszimmer vor einem Energie-Dashboard ihres Portfolios auf einem Wandbildschirm. Quelle: ecco2.ch

Sie sehen das Ergebnis. Schalten Sie die Denkebene ein, um zu sehen, wie ich dorthin kam.Sie sehen Randnotizen, Skizzen und die Optionen, die ich verworfen habe.

Kontext und Rolle

mehr Daten ≠ mehr Screen

Die Verwaltungen hatten Minuten und eine Frage: Sparen wir Energie?

ECCO2 optimiert mit KI die Heizung von Immobilienportfolios. Von 2019 bis 2022 habe ich das gesamte Design und Frontend gemacht. Jedes neue Gebäude und jeder Sensor brachte Daten.

  • Wachstum15 auf 800+ Gebäude
  • NutzerVerwaltungen, keine Energieingenieure
  • TempoEin Startup, das von 5 auf 30 Leute wächst

Wie ich vorgegangen bin

das Schwerste: Nein zu neuen Tabs

Wo anfangen

Ein Dashboard mit jeder Kennzahl
Eine Liste der Gebäude

Zuerst die Einsparung, Details auf Abruf

Die Antwort steht oben, die Daten bleiben einen Klick entfernt.

Neue Features

Ein Tab pro Feature
Ein separates Tool

Keine neuen Tabs

Jedes Feature verdiente sich einen Platz in einer bestehenden Ansicht. So wuchs das Portal im Umfang, nicht in der Navigation.

Design und Code

Specs übergeben
Nur in Mockups designen

Selbst bauen

Ideen wurden noch in derselben Woche im Code getestet.

Was ich gebaut habe

  • Kundenportal. Zuerst das Total des Portfolios, dann jedes Gebäude, dann die Daten dahinter.
  • Struktur für Wachstum. Ansichten, die von 15 bis 800+ Gebäude standhielten.
  • Neue UI-Vorschläge, vom CTO in meinem Arbeitszeugnis besonders hervorgehoben.

Mieter-App, iOS und Android

Ein ECCO2-Sensor an Heizungsrohren, das Display zeigt die Wassertemperatur
Ein ECCO2-Sensor an einer Heizungsanlage. Foto von ecco2.ch.

Wirkung

800+ Gebäude und 2M m², ohne Redesign.

«Wir schätzten besonders seine Proaktivität beim Vorschlagen neuer Lösungen für Benutzeroberflächen.»
Michael Frossard, CTO · Arbeitszeugnis ECCO2, aus dem Französischen übersetzt
Die Portfolio-Übersicht von NARA AI, dem heutigen Produkt von ECCO2, auf ecco2.ch
ECCO2 heute. Bild von ecco2.ch.

Was ich anders machen würde

  1. Strukturierte Usability-Tests früher durchführen.
  2. Die Designprinzipien für den nächsten Designer aufschreiben.

Wachsendes Produkt, wachsende Oberfläche?

Schreiben Sie mirLinkedIn