Étude de Cas UX Design : Refonte de l’Intranet d’AXIANS CSP

1. Contexte du Projet

À propos d’AXIANS CSP

AXIANS CSP est une société d’infogérance appartenant à VINCI Energies. Son rôle principal est d’assurer le maintien en condition opérationnelle des services informatiques de ses clients. Elle compte environ 80 collaborateurs répartis sur trois sites : La Garenne-Colombes, Quéven (Lorient), et Toulouse.

Problématique

L’intranet de l’entreprise présentait plusieurs problèmes d’ergonomie et d’esthétique :

• Interface vieillotte et peu intuitive
• Navigation peu fluide
• Organisation des informations complexe
• Difficulté d’accès aux fonctionnalités clés

Objectif de la mission

Proposer une refonte du design de l’intranet pour améliorer son ergonomie et son attractivité, tout en respectant les besoins des utilisateurs et les contraintes techniques.

2. Approche UX Adoptée

Méthodologie : Double Diamant

Le projet a été structuré en quatre phases selon la méthodologie du Double Diamant :

• Découverte : Recherche utilisateur & analyse des besoins
• Définition : Synthèse des insights & formulation des problématiques
• Développement : Wireframing & prototypage
• Délivrable & tests : Tests utilisateur & itérations

3. Phase 1 : Recherche Utilisateur (Découverte)

Immersion et Analyse de l’Existant

• Consultation et analyse de la documentation interne
• Prise en main de l’intranet pour identifier les points bloquants
• Entretien avec le commanditaire pour comprendre les attentes et objectifs
• Questionnaire Forms envoyé aux collaborateurs pour recueillir leurs retours
• Entretiens utilisateurs semi-directifs

Principaux Retours Utilisateurs

• Ergonomie et navigation : Interface complexe, trop d’étapes, menus peu clairs.
• Recherche et accès aux informations : Moteur de recherche peu pertinent, difficulté à retrouver les documents.
• Gestion des tickets : Processus lourd, manque de notifications, visibilité insuffisante.
• Performance et accessibilité : Temps de chargement long, adaptation mobile limitée.
• Fonctionnalités manquantes : Options méconnues, intégrations insuffisantes avec d’autres outils.

4. Phase 2 : Définition des Problèmes et Idéation

Synthèse des retours

Les verbatims des utilisateurs ont été analysés et classifiés en thèmes grâce à un mapping UX.

1. Simplifier l’interface et la navigation
2. Améliorer le moteur de recherche et l’architecture
3. Alléger la gestion des tickets (création, suivi, notifications)
4. Optimiser la performance et rendre l’intranet plus responsive
5. Mieux intégrer les fonctionnalités existantes et former les utilisateurs

Définition des Personas

• Axel (Ingénieur Réseau) : Besoin d’un accès rapide aux données techniques

• Léa (Cheffe de Projet IT) : Nécessite une gestion simplifiée des tickets

• Mathias (Manager Système) : Recherche des indicateurs de performance et rapports consolidés

Empathy map

User journey map

Problématique Affinée

Comment rendre l’intranet plus ergonomique et intuitif tout en améliorant son attractivité visuelle ?

5. Phase 3 : Conception et Prototypage

Wireframes Haute Fidélité

Prototype avant tests et itération

• Une page d’accueil repensée mettant en avant les fonctionnalités essentielles
• Une navigation optimisée pour une meilleure fluidité
• Une meilleure hiérarchisation de l’information

6. Phase 4 : Tests Utilisateur et Itérations

Petit extrait des tests utilisateur effectués.

Après une démonstration auprès de l’équipe de développement, des tests utilisateurs effectués auprès des autres collaborateurs, basés sur des scénarios réels, ont fourni des retours sur les prototypes interactifs (Figma).

1. Observations Principales

• Taille et organisation des panneaux : éléments trop grands, trop d’informations non pertinentes.
• Gestion et suivi des tickets : manque de filtres, indicateurs SLA/KPI peu visibles, notifications incomplètes.
• Navigation et parcours : besoin de boutons retour, trop de clics pour certaines actions.
• Recherche et filtrage : moteur limité à certains modules, logique de recherche à centraliser.
• Personnalisation et vue d’ensemble : souhait d’une vue plus adaptée au profil de l’utilisateur (alertes, astreintes...).
• Esthétique et charte graphique : bleu trop présent, contrastes insuffisants pour distinguer les boutons.

2. Propositions d'Amélioration

• Optimiser la taille et l'affichage : réduire la hauteur des panneaux et la densité de texte.
• Améliorer la gestion des tickets : interfaces internes/clients, état et priorité visibles, filtrage par équipe.
• Fluidifier la navigation : boutons retour, moins de clics, dashboard plus compact.
• Recherche centralisée : fusion des modules, plus de filtres (équipe, date...).
• Personnaliser l’interface : alertes temps réel, affichage modulable selon le profil (manager, ingénieur...).
• Refonte visuelle et responsive : diminuer l’intensité du bleu, adapter l’interface aux mobiles.

7. Bilan et Retours d’Expérience

Résultats obtenus

• Interface plus moderne et ergonomique
• Navigation plus intuitive et fluide
• Meilleure expérience utilisateur grâce aux ajustements basés sur les tests