Case Study

Logepal

Client

Activeo

Rôle

UX/UI Designer

Durée

2 ans

Année

2022 – 2024


Comment permettre à des managers de piloter leur centre de contacts en temps réel, sans formation ?

Dashboard Data Visualisation Design System UX/UI Design

01 — Contexte

Afficher les bonnes données,
au bon moment.

Logepal est une application développée par Activeo qui permet aux professionnels de la relation client d'afficher des données en temps réel sur leurs écrans. Avant ce projet, les équipes devaient passer par des développeurs pour créer ou modifier le moindre affichage — un frein opérationnel majeur.

Ma mission : concevoir un système de templates entièrement paramétrable, permettant aux managers de construire leurs propres dashboards sans écrire une ligne de code.

Contexte Logepal

Interface avant refonte — complexité et dépendance technique


02 — Research

Qui sont les utilisateurs Logepal ?

Avant de concevoir quoi que ce soit, j'ai mené des entretiens utilisateurs et des sessions d'observation pour cartographier les 4 profils qui interagissent quotidiennement avec la solution.

1. Pilote

Agent terrain

Consulte les KPIs en temps réel. Besoin : lisibilité instantanée, pas de surcharge cognitive.

2. Objectifs

Superviseur

Suit les performances de son équipe. Besoin : alertes proactives, vue comparative.

3. Config

Manager

Configure les dashboards. Besoin : autonomie totale, sans dépendance IT.

4. Stratégie

Directeur

Vue macro, décisions stratégiques. Besoin : synthèse rapide, données consolidées.

Entretiens utilisateurs

Sessions d'entretiens utilisateurs

Mapping des besoins

Mapping des besoins par profil

03 — Process

Co-concevoir avec les équipes terrain.

Le processus a reposé sur 3 cycles d'ateliers avec managers et superviseurs, alternant idéation rapide, prototypage papier et tests utilisateurs sur maquettes interactives.

Phase 01

Discovery

Entretiens, shadowing, benchmark. Cartographie des frictions existantes.

Phase 02

Idéation & Wireframes

Ateliers de co-conception, crazy 8, card sorting. Sélection des concepts.

Phase 03

Prototypage & Tests

Maquettes haute fidélité Figma, tests itératifs, ajustements.

04 — Solution

Un système de templates
100% no-code.

La solution finale est un builder de dashboards modulaire permettant aux managers de sélectionner, agencer et personnaliser leurs indicateurs sans intervention technique. Chaque widget est configurable et diffusé en temps réel.

Structure du template
Contenus diffusables

Contenus diffusables avec Logepal

KPIs diffusables

KPIs diffusables avec Logepal

Map Monde

Connectivité à travers le monde

05 — Résultats

Impact
mesurable.

Après déploiement chez les premiers clients, les retours terrain ont confirmé l'efficacité de l'approche no-code : autonomie accrue, temps de mise en service réduit, adoption spontanée.

100

Agents affichés en temps réel

20

Agents connectés en simultané

−70%

Temps de création d'un dashboard

0

Dépendance développeur pour les templates

Résultat 1
Résultat 2
Résultat 3

Refonte du site Logepal.fr

Aperçu de l'interface.

Screenshot vue 1
Homepage
Screenshot vue 1
Product page
Screenshot vue 2
Contact page
06 — Réflexions

Ce que ce projet
m'a appris.

Travailler sur un produit B2B métier m'a forcé à sortir de l'intuition pour ancrer chaque décision dans des données terrain concrètes. La co-conception avec les utilisateurs finaux n'est pas un luxe — c'est la seule façon de produire un outil réellement adopté.

La contrainte de rendre le builder accessible à des non-techniciens m'a poussé à simplifier sans appauvrir — un équilibre qui m'a appris à hiérarchiser les fonctionnalités par valeur d'usage réelle.

Apprentissage 01

Valider tôt, itérer vite

Les tests basse fidélité évitent des refontes coûteuses en phase finale.

Apprentissage 02

La contrainte comme créativité

Concevoir pour le no-code m'a obligé à trouver des solutions UX plus élégantes.

Apprentissage 03

Aligner design et business

Chaque décision UI avait un impact direct sur le temps de démo commerciale.


Projet suivant Activeo