Refonte de l'architecture d'administration FoodPilot

Refonte de l'architecture d'information et de l'expérience utilisateur pour centraliser et rationaliser les paramètres globaux de FoodPilot.

About the project

Product Design & UX Strategy

Date:

2025

Client:

Foodpilot

Secteur:

Agroalimentaire

Contexte

Refonte complète de l'espace d'administration global de FoodPilot. Cette section est le centre de contrôle de la plateforme, regroupant la gestion des utilisateurs, des structures métiers (Filières, Marques) et des configurations techniques.

Challenge

L'interface souffrait d'une surcharge cognitive majeure due à l'accumulation de fonctionnalités globales. Les principaux points de friction étaient :

  • Architecture de l'information saturée : Un trop grand nombre de rubriques globales (Rôles, Brand, Filière, CSR, etc.) sans hiérarchie claire.

  • Désorientation utilisateur : Une difficulté à naviguer entre les réglages transversaux et les réglages spécifiques.

  • Incohérence des gabarits : Des sections internes dont la mise en page n'était pas optimisée pour la gestion de données complexes

La collaboration au cœur du projet

  • Product Manager : Définition des besoins et priorisation des fonctionnalités de paramétrage.

  • Product Designer Senior : Validation des choix UX/UI et cohérence globale

  • Équipe Développement : Échanges techniques et intégration

Mes actions

Pour transformer cette interface complexe en un outil d'administration fluide, j'ai structuré mon intervention en quatre étapes clés :

1. Audit & Analyse de l'existant

Inventaire de toutes les fonctionnalités pour regrouper les paramètres par affinité logique.

2. Benchmarking SaaS B2B

Analyse des patterns de gestion (permissions, réglages globaux) sur des plateformes SaaS B2B pour adopter des standards intuitifs.

3. Wireframing (Figma)

Validation de la nouvelle architecture de l'information en basse fidélité pour se concentrer sur le flux utilisateur.


4. Design Haute-Fidélité & Design System

La phase finale a consisté à produire les maquettes Hi-Fi. J'ai mis en place un système de composants réutilisables (boutons, cases à cocher, headers de section) pour assurer une cohérence visuelle sur l'ensemble des pages de paramètres et faciliter le travail d'intégration des développeurs.

(Wireframe)

(Arborescence)

(Extrait 1)

(Extrait 2)

La Livraison & Le Design System

J'ai livré un prototype interactif complet et une bibliothèque de composants modulaires. L'objectif était de permettre aux développeurs d'intégrer rapidement de nouvelles rubriques sans redessiner chaque écran.

(/)

(/)

Recettages

Mon rôle ne s'est pas arrêté à la livraison des maquettes. Pour garantir une fidélité absolue entre le design et le produit final, j'ai mené une phase rigoureuse de recettage :

  • Audit de l'intégration : Analyse minutieuse des versions de UAT pour identifier les écarts (espacements, typographies, comportements…).

  • Documentation des correctifs : Création de captures d'écran annotées pointant précisément les manquements (bugs visuels, alignements, contrastes).

Résultats & Conclusion

La refonte de la section "Paramètres" a transformé un centre d'administration complexe en un outil de gestion fluide et structuré.

Impact du projet :

  • Clarté de l'architecture : Réduction drastique de la charge cognitive grâce au regroupement logique des rubriques globales (Rôles, Brand, Filières, etc.).

  • Efficacité opérationnelle : La nouvelle interface de paramètres permet aux administrateurs de configurer les permissions et les paramètres métiers plus rapidement, tout en réduisant les risques d’erreur.

  • Scalabilité technique : Grâce au Design System et aux composants réutilisables, l'ajout de nouvelles fonctionnalités de paramétrage est désormais beaucoup plus rapide pour l'équipe de développement.

  • Fidélité visuelle : Le processus de recettage rigoureux a permis d'atteindre un niveau de finition "Pixel Perfect", renforçant l'image professionnelle et robuste de la plateforme FoodPilot.


Ce que j'ai appris :

Ce projet m'a permis de perfectionner ma gestion de systèmes complexes en SaaS B2B. J'ai appris l'importance de la communication constante avec les développeurs (via le recettage) et la nécessité de challenger l'existant par un benchmarking solide pour offrir une expérience utilisateur aux standards du marché.

Create a free website with Framer, the website builder loved by startups, designers and agencies.