Étude de cas 02 · ECCO2 Solutions · août 2019 – juil. 20221 min de lecture

Garder une interface simple pendant que le produit grandit.

Seul designer et développeur frontend d’ECCO2, j’ai gardé son portail énergie simple alors qu’il a été multiplié par 50.

Visiter ecco2.ch ↗︎

Réalisé avec

React Native
ASP.NET
C#
Databases

15→800+bâtiments sur la plateforme

2M m²de surfaces immobilières

5→30personnes

1designer : moi

Gestionnaires immobiliers en salle de réunion devant un tableau de bord énergétique de leur parc, affiché sur un écran mural. Source : ecco2.ch

RésultatRéflexion (coulisses)

Vous voyez le résultat. Activez la couche Réflexion pour voir comment j'y suis arrivé.Vous voyez les notes en marge, les croquis et les options que j'ai écartées.

Contexte et rôle

plus de données ≠ plus d’écran

Les gérants avaient quelques minutes et une question : est-ce qu’on économise de l’énergie ?

ECCO2 optimise le chauffage de parcs immobiliers grâce à l’IA. De 2019 à 2022, j’ai fait tout son design et tout son frontend. Chaque nouveau bâtiment, chaque capteur ajoutait des données.

CroissanceDe 15 à 800+ bâtiments
UtilisateursDes gérants, pas des ingénieurs énergie
RythmeUne startup qui passe de 5 à 30 personnes

Ma réflexion

le plus dur : refuser de nouveaux onglets

Par où commencer

~~Un tableau de bord avec toutes les métriques~~
~~Une liste de bâtiments~~

Les économies d’abord, le détail à la demande

La réponse en haut ; les données restent à un clic.

Nouvelles fonctionnalités

~~Un onglet par fonctionnalité~~
~~Un outil séparé~~

Pas de nouveaux onglets

Chaque fonctionnalité a mérité sa place dans une vue existante : le portail a grandi en périmètre, pas en navigation.

Design et code

~~Livrer des specs~~
~~Designer seulement en maquettes~~

Le coder moi-même

Les idées étaient testées en code la même semaine.

Ce que j’ai construit

Portfolio / All buildings

Wohnbau AG ▾Oct 2021 – Sep 2022 ▾Export

Energy saved−18%vs weather-adjusted baseline

CO₂ avoided412 tthis heating season

Cost savedCHF 1.24M12 months

Buildings8122.1M m² heated area

Heating energy vs baselineActual Baseline

ONDJFMAMJJAS

Savings by building type

Residential−21%

Office−17%

Mixed use−14%

Schools−9%

BuildingCitySavingsTrendStatus

Wohnüberbauung SonnhaldeBern−21%Optimised

Bürogebäude BahnhofplatzFribourg−17%Optimised

Schulhaus WeissensteinLausanne−9%Check

Residenz SeeblickZürich−19%Optimised

Portail client. D’abord le total du parc, puis chaque bâtiment, puis les données derrière.
Une structure prête à grandir. Des vues qui ont tenu de 15 à 800+ bâtiments.
De nouvelles propositions d’interface, saluées par le CTO dans mon certificat de travail.