Lox’Agency — Dashboard de monitoring interne

Loxam est un acteur international majeur de la location de matériel, spécialisé dans la location d’engins de construction pour les professionnels comme pour les particuliers. Fondée en 1967, l’entreprise est devenue l’un des plus grands loueurs européens, présente dans plus de 30 pays avec un réseau de +1 000 agences dans le monde.

Industrie
Location de Matériel de Construction

Date
2022

Client
Loxam (Cas d’étude)

Mon rôle
UX/UI Designer, Data Analyst

“ Comment pouvons-nous aider les directeurs régionaux et d’agence de Loxam à anticiper et visualiser les transferts permanents de matériel afin d’améliorer l’efficacité opérationnelle ?”

Objectif : Concevoir et prototyper un tableau de bord interne permettant aux managers de prédire et de visualiser les transferts de matériel, afin d’optimiser la répartition de la flotte, réduire les délais et améliorer l’efficacité opérationnelle.

Phase 1: Recherche
& Définition du problème

Pour concevoir un système de suivi efficace, nous avons mené une recherche approfondie, incluant des entretiens avec des directeurs régionaux et d’agence, ainsi qu’un audit des processus et outils existants.

Cette démarche nous a permis
d’identifier les points de friction majeurs suivants :

Les managers ne disposaient d’aucun outil centralisé pour visualiser l’emplacement des équipements. Le statut de disponibilité n’était pas mis à jour dynamiquement, et les décisions reposaient souvent sur des tableurs obsolètes ou des rapports manuels.
Le processus de transfert reposait sur des appels téléphoniques, des e-mails et des notes non structurées. Les managers devaient croiser manuellement plusieurs sources de données, ce qui rendait l’approbation et le suivi des transferts longs et laborieux.
Aucun système prédictif ne permettait d’anticiper les évolutions de la demande selon la saisonnalité des projets. Les managers avaient du mal à planifier en amont, ce qui entraînait des surstocks dans certaines agences et des pénuries dans d’autres.
Le système existant ne proposait pas de visualisation claire des données (graphiques, heatmaps, analyses). Il n’était pas possible d’appliquer des filtres personnalisés ni de comparer plusieurs sites en un coup d’œil.

Phase 2: Wireframing & Architecture de l’Information

Pour structurer efficacement le tableau de bord, nous avons cartographié le parcours utilisateur et la hiérarchie de l’information, puis créé des wireframes basse fidélité (lo-fi) pour définir les fonctionnalités principales avant d’affiner l’interface.

Chaque tableau de bord (dashboard) apparaît à un moment spécifique dans la carrière du manager. Cette timeline présente tous les points de contact entre l’utilisateur et LOX’Agency, ainsi que toutes les actions liées aux transferts de matériel.

Phase 3: Prototypage
& UI Design

Une fois les wireframes validés, nous avons conçu le prototype haute fidélité (hi-fi) dans Figma.

Nous avons d’abord créé un design system respectant les guidelines de marque de Loxam, afin d’assurer une cohérence visuelle sur l’ensemble des éléments.

Cela a consisté à définir une palette de couleurs, une typographie, une iconographie et des composants UI alignés avec l’identité de l’entreprise, tout en garantissant une haute lisibilité et le respect des standards d’accessibilité.

Une fois les composants validés, nous les avons assemblés
pour créer des interfaces entièrement conçues :

Interface du Manager d’Agence

Accueil

Page Produits

Page de Transferts de Machines

Avant de travailler sur les layouts en plein écran, nous avons développé et structuré les composants UI pour chaque catégorie de données affichée dans le tableau de bord. Cette approche basée sur les composants nous a permis de créer un design scalable et flexible, garantissant que les futures mises à jour ou l’ajout de fonctionnalités puissent être intégrés facilement.