L’app et le portail de SaaS Office.

La plateforme

Une app pour les immeubles de bureaux.

SaaS Office édite une plateforme qui réunit les services d’un immeuble de bureaux : salles de réunion, restauration, conciergerie, incidents.

Les occupants passent par l’app mobile, et chaque gestionnaire a une interface web à ses couleurs.

Arbitrage

Une seule app pour tous, ou une interface par usage ?

Le produit sert quatre publics qui n’ont ni les mêmes besoins, ni les mêmes appareils : les occupants, les gestionnaires, les prestataires et les visiteurs.

En contrepartie, il fallait faire évoluer trois interfaces en parallèle sans qu’elles divergent. C’est ce qui a rendu le design system commun indispensable : les mêmes tokens et les mêmes composants partout, avec un thème par client.

Application mobile

Le badge et les salles d’abord.

Badger et réserver une salle, c’est le quotidien des occupants : c’est en haut de l’accueil. L’annuaire et la conciergerie sont un cran plus loin.

Un incident signalé se suit dans l’app, sans repasser par l’accueil de l’immeuble.

Design system

Un design system pour le web et le mobile.

Le web et le mobile avaient grandi chacun de leur côté, avec leurs composants et leurs petites habitudes. Je les ai réunis dans un design system unique, en commençant par les tokens, puis les composants, documentés dans Figma avec tous leurs états.

Au passage, j’ai repris les contrastes : plusieurs gris et le bleu des prix ne passaient pas le niveau AA. Je les ai foncés jusqu’au seuil, pas plus.

Les équipes web et mobile travaillent maintenant sur les mêmes maquettes. Une nouvelle fonction se dessine une seule fois.

Avec l’équipe

Avec les PM et les développeurs.

Les choix se tranchent en atelier avec les PM et les développeurs, puis on livre sprint par sprint, avec une démo à chaque fois.

Je mets aussi les mains dans le code (HTML, CSS, JS) quand c’est utile. Une maquette qui ne tient pas en vrai, je le vois avant les développeurs.