CM
CONTROL MAESTRO est une plate-forme de développement pour la supervision, l'automatisation et le contrôle : acquisition de données, visualisation, reporting, IHM, ...
CONTROL MAESTRO est une plate-forme de développement pour la supervision, l'automatisation et le contrôle : acquisition de données, visualisation, reporting, IHM, ...
En 2016, Elutions a souhaité une mise à jour complète de sa gamme de produits.
Développés dans les 2000's, cette plate-forme de Supervision Control And Data Acquisition (SCADA) nécessitait une refonte complète autant technique (React) qu'ergonomique.
L'entreprise voulait rajeunir son image de marque pour toucher de nouveaux clients, faire face à la concurrence, mettre en avant l'intelligence de ses produits, et les faire évoluer. Avec un important travail de datavisualisation et de responsive design nécessaire.
En 20 années de développements successifs, l'application était devenue hétérogène, et comportait une quarantaine de dashboards, une immense collection de données, de typologies différentes, beaucoup de graphiques, et une bibliothèque de fonctionnalités fournie.
Avec une documentation manquante, il a fallut faire du reverse engineering : décortiquer les écrans, les fonctionnalités, les flows, les états, les données et leurs types.
En parallèle, j'ai mis en place un process design avec les équipes de développeurs (design system, guidelines, test, design reviews).
Ayant été moi-même développeuse full-stack pendant plus de 10 ans, il m'est plus facile de participer à ces pôles auxquels j'étais intégrée.
J'ai également proposé de participer aux avant-ventes avec les commerciaux. Cela m'a permit de faire les interviews directement avec les clients, et de proposer rapidement un prototype pour valider leurs demandes. Cela a grandement accélérer et améliorer la prise en compte des besoins clients.
Après l'analyse complète de l'existant, la prise en compte des objectifs et des contraintes, j'ai pu : homogénéiser les dashboards, créer un design system, mettre en place de la dataviz, développer de nouveaux écrans de supervision et de nouvelles fonctionnalités.
Il s'agit d'apporter une solution globale, qui change la façon des utilisateurs d’interagir avec l’application afin de mieux répondre à leurs besoins et à leurs objectifs.
L'entreprise vend également ses produits en marque blanche, j'ai également mis en place un design system pour cela.
L'existant :
Le redesign : un produit doit savoir évoluer avec son marché et ses utilisateurs, garder la cohérence des fonctionnalités proposées. S'il est dépassé, cela peut amener une expérience utilisateur négative, et laisser la place à un concurrent.
Il s'agit donc d'une refonte complète, afin d'apporter la meilleure expérience possible (alors que des mises à jour partielles peuvent créer, dans le temps, une expérience utilisateur de plus en plus inégale).
A la différence d'un site web (qui a le plus souvent pour objectif d'attirer et/ou d'expliquer), les applications web répondent aux besoins des utilisateurs de réaliser des tâches dans la simplicité, et souvent dans la répétition. Ces interfaces, généralement plus hiérarchisées, se concentrent sur l'efficacité et évitent toutes distractions.
Quelques mockups, dès le début de la refonte complète de cette plate-forme logiciel.
Pour représenter les flux métiers, de nombreux éléments graphiques ont dû être créés : camions, cuves (water tank), boilers, boutons de commandes, jauges, AHU (Air Handling Unit), chillers, CTA (Centrale de Traitement d'Air), ... J'ai pris beaucoup de plaisir à réaliser cela, parfois pour des animations (svg).
Pour la commercialisation des nouveaux produits, et pour l'entreprise elle-même, la création de différentes identités visuelles, ainsi que les logos, étaient nécessaires.
