2014 – 2024

Ubigreen

Data source: AO · Arctic Oscillation · NOAA CPC/PSL · 1950–2026

Quand je suis arrivé chez Ubigreen, le produit était fait par les devs. Peu de pratique design, pas de Direction Artistique : juste une plateforme de monitoring de la consommation énergétique des bâtiments de nos clients grands comptes B2B (Société Générale, Crédit Agricole) qui était déployée et marchait techniquement.

J'y suis resté dix ans. On est passé d'1 produit à un écosystème de 5 produits interconnectés, plus deux capteurs hardware qu'on a designés en interne et qui ont été déployés à 60 000 exemplaires en Asie, en Europe et aux US. J'ai pu accompagner et faire grandir 2 Designers malgré cette grande complexité.

Je raconte ici quatre moments qui ont compté : la bascule de produit unique à écosystème, My Workspace, l'app qu'on a sortie pour s'adresser directement aux occupants, la (re)création de la marque, et les capteurs Smartdesk et Smartroom, qui m'ont obligé à apprendre le Design industriel.

Rôles

Founding Designer · Head of Design

Périmètre

5 produits SaaS B2B / B2B2C · 2 capteurs hardware · 3 apps mobile/web

Clients

Grands comptes (Société Générale, BPCE, Aéroport de Paris) · Hôpitaux de Paris · Métropoles · Conseils Régionaux

Ce que j'en ai retenu

"On était 8 à mon arrivée, 50 à mon départ. Designer un écosystème produit était la partie technique ; faire grandir des gens et grandir avec eux, c'est ça qui m'a tout appris."

En chiffres

2

Designers managés

5

Produits

45K

Utilisateurs de My Workspace

60K

Capteurs déployés

3

Continents (Asie, Europe, Amérique)

Case Study · 2014–2023

Du produit à l'écosystème

Mon rôle

Founding Designer

Collaborateurs

PM · équipe Back · équipe Front

Le challenge. Au fil des années, nos clients nous en demandaient toujours plus dans la même interface : piloter la maintenance des bâtiments, suivre l'occupation des étages… Chaque besoin touchait le même bâtiment, les mêmes utilisateurs, les mêmes données, mais vivait dans des outils séparés.

Ce que j'ai mis en place. Plutôt que cinq apps qui partageraient juste un logo, on a parié sur un vrai socle commun : un seul login, une seule navigation, un seul modèle de bâtiment. En écoutant chaque métier, on a traduit leurs besoins en services concrets : SmartEnergy (monitoring énergétique), Maintenance (préventif et correctif), Smartoffice (occupation des espaces), Helpdesk (ticketing terrain) et un Affichage public à l'entrée du bâtiment. La plateforme est devenue un véritable écosystème.

L'impact. À mon départ, 50 % des clients utilisaient au moins 2 produits de la suite et 3 grands comptes avaient signé sur la base du scope étendu. De quoi permettre à Ubigreen de continuer à scaler.

SmartEnergy : tableau de bord d'analyse énergétique avec référence 180.3 kWh/m².an, état actuel 160 kWh/m².an et objectif 2030 à 127 kWh/m².an, détail par bâtiment
SmartEnergy Monitoring énergétique des bâtiments tertiaires
Maintenance : liste des actions de maintenance préventives sur le Parc IDF avec criticité, périodicité, domaine (électricité, gaz), équipement et exploitant
Maintenance Gestion préventive et corrective des équipements
Smartoffice : exploitation des capteurs Smartdesk sur un plan d'étage, taux d'occupation et de présence par poste de travail visualisés en temps réel
Smartoffice Suivi de l'occupation des espaces de travail
Helpdesk : interface de ticketing des incidents bâtiment avec filtres par statut (à assigner, en cours, résolu, fermé), priorité, intervenant et organisation
Helpdesk Ticketing des incidents terrain
Affichage : vue TV à l'entrée du bâtiment communiquant en temps réel les indicateurs d'eau, déchets et énergie avec équivalences pédagogiques et jauges de performance
Affichage Vue publique à l'entrée du bâtiment, communication des data en temps réel

Case Study · 2020–2023

Simplifier la journée au bureau

Mon rôle

Head of Design

Collaborateurs

PM · équipe Front · équipe Back

Le challenge. Les interviews et témoignages clients remontaient la même chose : le lundi, ouvrir trois apps et un Excel pour réserver une place de parking, voir si les collègues étaient au bureau et déclarer son télétravail du jeudi. Pour les 45 000 collaborateurs d'un de nos grands comptes, ce parcours fragmenté était devenu quotidien, surtout au retour du confinement du COVID.

Ce que j'ai mis en place. My Workspace : une app mobile et web unique qui agrège tous les services d'un bâtiment (réservation de parking, restaurant, position, salles ; gestion de présence et télétravail ; signalement d'incidents ; news internes), une app compagnon pour le quotidien des employés. Un module écoresponsabilité est venu ensuite, alimenté par les data de SmartEnergy : face aux enjeux climatiques et légaux, il a rencontré un franc succès.

L'impact. À mon départ, My Workspace était utilisée quotidiennement par 80 % du périmètre déployé : choix du menu et heure de passage au restaurant le midi, réservation d'espaces de travail, planification des modalités de travail.

Lineup My Workspace : agenda d'occupation Valmy 8, carte de réservation, dashboard d'écoresponsabilité avec consommation énergie, eau et déchets Vue d'ensemble de l'application My Workspace : tous les écrans clés en présentation isométrique avec l'icône de l'app
My Workspace mobile : vue calendrier mensuel avec modalités de travail (bureau, télétravail, déplacement, congés) My Workspace web : dashboard de présence mensuel avec barre de navigation latérale et calendrier en pleine largeur

Case Study · 2022

Construire une marque

Mon rôle

Head of Design · construit en interne

Collaborateurs

équipe Marketing

Le challenge. En 2022, Ubigreen avait un logo et une couleur primaire. Pas de règles typographiques, pas de guidelines photo, pas de bibliothèque d'illustrations. Les présentations Marketing et Sales pouvaient être visuellement complètement différentes. Avec l'écosystème de produits qu'on déployait, ce manque d'unité devenait visible.

Ce que j'ai mis en place. J'ai construit et rédigé le premier brand book complet d'Ubigreen, pensé comme un système cohérent de bout en bout. J'ai redessiné le logo sur la suite de Fibonacci et le nombre d'or, pour une construction géométrique assumée plutôt qu'un dessin au feeling. Autour, j'ai posé l'identité : une typographie de caractère (Gilroy), une palette de six couleurs, une direction photographique (composition, traitement, thèmes) et un langage d'illustrations isométriques avec sa bibliothèque de pictogrammes. Chaque brique répond aux autres, pour que la marque tienne à l'échelle de l'écosystème.

L'impact. Le brand book a servi au marketing pour refondre le site, aux sales pour leurs decks, au Design et à l'Engineering pour aligner les interfaces sur l'identité. Les tokens couleur et typographiques sont devenus la base du design system d'Ubigreen. À mon départ, 100 % du brand book était utilisé en interne.

Couverture du Ubigreen Brand Guidelines de décembre 2022 : grille de 10 tuiles colorées illustrant les thèmes nature, météo, énergie et collaboration de la marque Page System elements du brand book : présentation des 7 briques (logo, couleurs, système logo, typographie, photographie, illustrations, pictogrammes) avec leur exemple visuel
Page Construction du logo : grille basée sur le nombre d'or et la suite de Fibonacci, zone d'isolation et taille minimum du symbole arbre Page Typography du brand book : la typo Gilroy montrée avec ses tracés vectoriels sur fond orange Ubigreen Page Ubigreen photography : règles de composition, traitement couleur et thèmes de la photographie, avec exemples (nature, bâtiment moderne, espace intérieur vert)

Case Study · 2018–2023

Mesurer l'usage réel des bâtiments

Mon rôle

Head of Design · Hardware & Software

Collaborateurs

équipe Hardware · équipe Back

Contrainte

Budget de 50 € par capteur pour rester viable à grande échelle

Le challenge. Les directions immobilières pilotaient leurs surfaces avec des taux d'occupation théoriques. Sans données d'usage réel, impossible de leur prouver que leurs bâtiments étaient à moitié vides en milieu de semaine ou suroccupés le mardi matin. Et il fallait y arriver à 50 € le capteur pour rester viable à grande échelle.

Ce que j'ai mis en place. On a designé deux capteurs : Smartdesk (présence sous un bureau) et Smartroom (passage dans un espace). C'était mon premier projet hardware, et il m'a fallu plusieurs mois pour comprendre qu'on ne design pas un capteur comme on design une icône. Il fallait penser le carton d'envoi, l'autocollant double-face qui devait tenir cinq ans, la LED qui devait rassurer un installateur sans réveiller un employé en open space la nuit. Ces contraintes ont nourri le design industriel autant que la forme finale.

L'impact. Aujourd'hui, 60 000 capteurs sont en service en Asie, en Europe et aux US. Pour la plupart, je ne rencontrerai jamais les installateurs ni ne verrai les bâtiments. C'est ce qui m'a appris ce que veut vraiment dire « designer à l'échelle ».

Phase de recherche : croquis exploratoires (formes, encoche de fixation, support) et rendus 3D des coques internes et externes des capteurs Prototypes physiques imprimés en 3D des capteurs sur un bureau de studio : pile d'itérations, vues face/dos, et capteur final taille réelle Les deux capteurs finaux Smartdesk et Smartroom : design industriel blanc, formes douces, étiquetés L'écosystème complet : les deux capteurs à gauche, et la plateforme SaaS Ubigreen à droite qui exploite leurs données sur un plan d'étage avec taux d'occupation en temps réel