Logo inamor
Instagram logo

Webcomsag - Application en agronomie

June 11, 2026

page cover webcomsag

Repenser un outil métier dense et daté en une interface claire, cohérente et adaptée au terrain.

Captures anonymisées pour raisons de confidentialité.


Le projet


TCSD, entreprise spécialisée en agronomie, implantée dans le Tarn-et-Garonne, Occitanie, utilise Webcomsag, une application, pour superviser des stations météo et suivre l'état hydrique des sols via des capteurs de terrain. Un outil fonctionnel mais vieillissant : navigation confuse, identité visuelle surchargée, aucune ergonomie, données noyées dans des tableaux. Je suis intervenu sur la conception, le design et l'implémentation de sa refonte et sur le développement de nouveaux modules.


Demande du client


Repenser un outil métier dense et daté en une interface claire, cohérente et adaptée au terrain.


Expertise et stratégie


Refonte complète du design, de l'ergonomie, du responsive avec implémentation des éléments conceptuels et développement de nouveaux modules.

Expérience interactive avec l'utilisation du parcours animé avec le prototypage dans Figma pour une conception des prototypes fidèles à la réalité.


Travaux effectués


Un affichage de données adaptatif


Les tableaux rigides laissent place à un système de bulles qui se réorganise selon les capteurs présents sur chaque station. Ce langage visuel est appliqué à toute l'application pour une cohérence d'ensemble.


des icônes à la place des libellés pour alléger la lecture ; les bulles s'adaptent au nombre de capteurs.

des icônes à la place des libellés pour alléger la lecture ; les bulles s'adaptent au nombre de capteurs.


un indicateur de profondeur qui exprime visuellement les niveaux d'humidité, strate par strate.

un indicateur de profondeur qui exprime visuellement les niveaux d'humidité, strate par strate.


des graphiques à la place des tableaux pour lire les tendances d'un coup d'œil.

des graphiques à la place des tableaux pour lire les tendances d'un coup d'œil.


le même langage en bulles décliné sur l'ensemble des modules.

le même langage en bulles décliné sur l'ensemble des modules.


Une navigation repensée par module


L'application est réorganisée par thème plutôt que par fonctionnalité. Les valeurs et leurs réglages cohabitent désormais sur une même page : plus besoin de quitter ce qu'on consulte pour le paramétrer.


Une identité visuelle apaisée


Fini l'effet « sapin de Noël » : une palette bleu ardoise, gris et blanc structure l'interface, et la couleur ne sert plus qu'à porter du sens — bleu pour les données, rouge et orange pour les alertes.


De la refonte à la création


Au-delà de la modernisation, le projet incluait de nouveaux modules de météorologie développés de zéro, intégrés dès leur conception dans la nouvelle logique modulaire.


modules créés from scratch

modules créés from scratch.


Bilan


Une application plus lisible, plus cohérente, responsive et plus adaptable. D'un outil fonctionnel à une interface pensée pour ses utilisateurs.


Logo inamor
Instagram logo

Webcomsag - Application en agronomie

June 11, 2026

page cover webcomsag

Repenser un outil métier dense et daté en une interface claire, cohérente et adaptée au terrain.

Captures anonymisées pour raisons de confidentialité.


Le projet


TCSD, entreprise spécialisée en agronomie, implantée dans le Tarn-et-Garonne, Occitanie, utilise Webcomsag, une application, pour superviser des stations météo et suivre l'état hydrique des sols via des capteurs de terrain. Un outil fonctionnel mais vieillissant : navigation confuse, identité visuelle surchargée, aucune ergonomie, données noyées dans des tableaux. Je suis intervenu sur la conception, le design et l'implémentation de sa refonte et sur le développement de nouveaux modules.


Demande du client


Repenser un outil métier dense et daté en une interface claire, cohérente et adaptée au terrain.


Expertise et stratégie


Refonte complète du design, de l'ergonomie, du responsive avec implémentation des éléments conceptuels et développement de nouveaux modules.

Expérience interactive avec l'utilisation du parcours animé avec le prototypage dans Figma pour une conception des prototypes fidèles à la réalité.


Travaux effectués


Un affichage de données adaptatif


Les tableaux rigides laissent place à un système de bulles qui se réorganise selon les capteurs présents sur chaque station. Ce langage visuel est appliqué à toute l'application pour une cohérence d'ensemble.


des icônes à la place des libellés pour alléger la lecture ; les bulles s'adaptent au nombre de capteurs.

des icônes à la place des libellés pour alléger la lecture ; les bulles s'adaptent au nombre de capteurs.


un indicateur de profondeur qui exprime visuellement les niveaux d'humidité, strate par strate.

un indicateur de profondeur qui exprime visuellement les niveaux d'humidité, strate par strate.


des graphiques à la place des tableaux pour lire les tendances d'un coup d'œil.

des graphiques à la place des tableaux pour lire les tendances d'un coup d'œil.


le même langage en bulles décliné sur l'ensemble des modules.

le même langage en bulles décliné sur l'ensemble des modules.


Une navigation repensée par module


L'application est réorganisée par thème plutôt que par fonctionnalité. Les valeurs et leurs réglages cohabitent désormais sur une même page : plus besoin de quitter ce qu'on consulte pour le paramétrer.


Une identité visuelle apaisée


Fini l'effet « sapin de Noël » : une palette bleu ardoise, gris et blanc structure l'interface, et la couleur ne sert plus qu'à porter du sens — bleu pour les données, rouge et orange pour les alertes.


De la refonte à la création


Au-delà de la modernisation, le projet incluait de nouveaux modules de météorologie développés de zéro, intégrés dès leur conception dans la nouvelle logique modulaire.


modules créés from scratch

modules créés from scratch.


Bilan


Une application plus lisible, plus cohérente, responsive et plus adaptable. D'un outil fonctionnel à une interface pensée pour ses utilisateurs.


Logo inamor
Instagram logo

Webcomsag - Application en agronomie

June 11, 2026

page cover webcomsag

Repenser un outil métier dense et daté en une interface claire, cohérente et adaptée au terrain.

Captures anonymisées pour raisons de confidentialité.


Le projet


TCSD, entreprise spécialisée en agronomie, implantée dans le Tarn-et-Garonne, Occitanie, utilise Webcomsag, une application, pour superviser des stations météo et suivre l'état hydrique des sols via des capteurs de terrain. Un outil fonctionnel mais vieillissant : navigation confuse, identité visuelle surchargée, aucune ergonomie, données noyées dans des tableaux. Je suis intervenu sur la conception, le design et l'implémentation de sa refonte et sur le développement de nouveaux modules.


Demande du client


Repenser un outil métier dense et daté en une interface claire, cohérente et adaptée au terrain.


Expertise et stratégie


Refonte complète du design, de l'ergonomie, du responsive avec implémentation des éléments conceptuels et développement de nouveaux modules.

Expérience interactive avec l'utilisation du parcours animé avec le prototypage dans Figma pour une conception des prototypes fidèles à la réalité.


Travaux effectués


Un affichage de données adaptatif


Les tableaux rigides laissent place à un système de bulles qui se réorganise selon les capteurs présents sur chaque station. Ce langage visuel est appliqué à toute l'application pour une cohérence d'ensemble.


des icônes à la place des libellés pour alléger la lecture ; les bulles s'adaptent au nombre de capteurs.

des icônes à la place des libellés pour alléger la lecture ; les bulles s'adaptent au nombre de capteurs.


un indicateur de profondeur qui exprime visuellement les niveaux d'humidité, strate par strate.

un indicateur de profondeur qui exprime visuellement les niveaux d'humidité, strate par strate.


des graphiques à la place des tableaux pour lire les tendances d'un coup d'œil.

des graphiques à la place des tableaux pour lire les tendances d'un coup d'œil.


le même langage en bulles décliné sur l'ensemble des modules.

le même langage en bulles décliné sur l'ensemble des modules.


Une navigation repensée par module


L'application est réorganisée par thème plutôt que par fonctionnalité. Les valeurs et leurs réglages cohabitent désormais sur une même page : plus besoin de quitter ce qu'on consulte pour le paramétrer.


Une identité visuelle apaisée


Fini l'effet « sapin de Noël » : une palette bleu ardoise, gris et blanc structure l'interface, et la couleur ne sert plus qu'à porter du sens — bleu pour les données, rouge et orange pour les alertes.


De la refonte à la création


Au-delà de la modernisation, le projet incluait de nouveaux modules de météorologie développés de zéro, intégrés dès leur conception dans la nouvelle logique modulaire.


modules créés from scratch

modules créés from scratch.


Bilan


Une application plus lisible, plus cohérente, responsive et plus adaptable. D'un outil fonctionnel à une interface pensée pour ses utilisateurs.