01 · Le problème
Une navigation lourde, signalée depuis 2016
Trois enquêtes, le même constat. Et aucun budget pour interroger les utilisateurs avant la refonte.
- 3 enquêtes
- 0 entretien prévu
Étude de cas · Autorité des marchés financiers · 2025
Rendre le site de l’AMF plus clair pour les épargnants et les candidats
Pendant six mois au pôle digital de la Direction de la communication, j’ai participé à la refonte des pages Accueil, Épargnants et Recrutement du site de l’AMF, aux côtés d’une agence externe et de trois directions internes.
- Rôle
UX/UI Designer
Stage · pôle digital
- Durée · 6 mois
- MarsMaiAoût 2025
- Équipe
- Direction de la communication (pôle digital)
- Agence externe
- Direction des relations avec les épargnants
- Direction des ressources humaines
Communication, agence, épargnants, RH
- Outils
- Figma
- Piano
- Search Console
- Jira
- Drupal
- BrowserStack
L’essentiel en 30 secondes
Pour les lecteurs pressés : le projet en trois temps. Chaque carte mène au détail.
02 · Ce que j’ai fait
Des preuves à la place des entretiens
Questionnaire interne, données d’usage et audit heuristique, pour défendre chaque choix de conception face aux directions.
- 14 collaborateurs
- Piano
- Nielsen
03 · Le résultat
Trois pages en ligne, mes propositions retenues
Navigation allégée, Espace Épargnants simplifié, nouveaux blocs et bandeaux d’alerte intégrés à la version finale.
- 3 pages en ligne
- 5 propositions retenues
Le contexte
Un site de référence, jugé fiable mais difficile à parcourir
Le site de l’AMF est la vitrine officielle de l’institution. On y vérifie qu’un acteur financier est autorisé, on consulte les listes noires, on saisit le médiateur. Ses publics sont variés : grand public, épargnants, professionnels et futurs candidats.
Ce que disent les utilisateurs depuis 2016
- 2016
Premiers retours
Entretiens et sondage externes : les utilisateurs demandent une recherche plus efficace, un accès plus simple aux documents et une navigation plus fluide.
- 2020
Dernière grande refonte
Le site est entièrement repensé à partir de ces attentes.
- 2021
Mieux, mais pas assez
La satisfaction progresse. La recherche, l’organisation des rubriques et l’accès aux documents restent difficiles.
- 2023
Fiable, mais lourd
Le site est jugé crédible et fiable. La navigation reste lourde et l’accès aux documents pas assez direct.
- 2025
La refonte ciblée
La Direction de la communication lance la refonte de l’Accueil, de l’Espace Épargnants et de l’Espace Recrutement. Je rejoins l’équipe.
Le défi
Aucune recherche utilisateur n’était prévue. Comment prendre de bonnes décisions sans interroger les utilisateurs ?
Le budget et le planning ne prévoyaient ni entretiens ni sondage externe : pour seulement trois pages, l’étape avait été jugée non prioritaire. J’ai donc cherché d’autres sources de preuves, simples à mettre en place et sans coût supplémentaire.
Comprendre
Quatre sources de preuves pour remplacer les entretiens
Le budget ne prévoyait aucun entretien. J’ai croisé quatre sources pour comprendre les besoins, et toutes pointaient vers la même priorité : la navigation.
01Questionnaire interne
Faute de budget pour interroger les utilisateurs externes, j’ai proposé un questionnaire aux collaborateurs qui utilisent le site au quotidien. Il a circulé une semaine, après validation de mon tuteur.
14répondants
6directions
n° 1priorité : la navigation
Ce que j’en ai tiré
La navigation est la priorité n° 1. Autres attentes : un design modernisé, moins de texte, un ton moins institutionnel et des parcours plus simples.
→ A nourri : Décisions 1 et 2
02Audit heuristique
J’ai évalué les trois pages selon les dix heuristiques de Nielsen. Survolez ou touchez un critère pour lire mon constat.
- 1Visibilité de l’état du systèmeRetour difficile vers le site après un lien externe, hiérarchie des menus peu claire.
- 2Correspondance avec le monde réelQuelques icônes utilisées hors de leur contexte habituel.
- 3Contrôle et libertéFil d’Ariane peu clair, perte de repères dans le parcours.
- 4Cohérence et standardsSurcharge visuelle : éléments en double emploi (espace épargnant, espace pro, médiateur).
- 5Prévention des erreursFormulaires bien expliqués, mais certains champs sans exemple de saisie.
- 6Reconnaissance plutôt que rappelAucun problème identifié sur les trois pages.
- 7Flexibilité et efficacitéMenu clair et moteur de recherche, mais listes noire et blanche pas assez accessibles.
- 8Esthétique et minimalismeDéséquilibre visuel : boutons très grands, grands vides, images peu personnalisées.
- 9Gestion des erreursLe système informe l’utilisateur quand une erreur se produit.
- 10Documentation et aideAide facile à trouver, mais FAQ disponible uniquement dans l’Espace Épargnants.
BloquantGênantMineurPositif
Ce que j’en ai tiré
Les points faibles se concentrent sur la clarté : hiérarchie des menus, éléments en double emploi et déséquilibre visuel.
→ A nourri : Décision 1
03Données d’usage
Pour compléter ces observations qualitatives, j’ai analysé les parcours, les clics, les pages les plus consultées et les appareils utilisés.
75 %des visites sur ordinateur
Top 5listes noires parmi les plus consultées
Menupréféré aux gros boutons
Ce que j’en ai tiré
Les visiteurs passent par le menu, consultent beaucoup les listes noires et naviguent surtout sur ordinateur.
→ A nourri : Décision 1 et « Et aussi »
04Benchmark
J’ai comparé l’AMF à d’autres régulateurs financiers et à des marques reconnues pour leur expérience en ligne.
Régulateurs financiers
- ACPR
- ESMA
- SEC
- FCA
Même en contexte institutionnel : navigation simplifiée, présentation claire, design plus moderne.
Entreprises
- MACIF
- LCL
- Orange
Fluidité de navigation, mise en valeur visuelle des contenus et marque employeur.
Ce que j’en ai tiré
Un site institutionnel peut être clair et moderne. Les marques montrent comment valoriser un employeur.
→ A nourri : Décision 5
Mes décisions clés
Cinq décisions, chacune appuyée par une preuve
Décision 1
Retirer les doublons de navigation de l’accueil
Constat — deux grands boutons « Espace professionnels » et « Espace épargnants » doublaient le menu principal et occupaient une place disproportionnée.
Décision — les retirer. Face aux hésitations de certains membres, j’ai appuyé ma proposition sur les données Piano : les visiteurs passaient par le menu, pas par ces boutons.
Résultat — les données ont permis de trancher, et les boutons ont été retirés de la nouvelle page d’accueil.
Avant · page d’accueil
Après · nouvelle page d’accueil
Décision 2
Des liens vers les autres rubriques
Constat — la page Recrutement s’arrêtait sur le carrousel, sans aucun lien vers les autres rubriques carrière.
Décision — recommander un bloc de trois liens, « Vivez l’expérience AMF » : Votre carrière à l’AMF, Nos métiers, Nos collaborateurs témoignent.
Résultat — recommandation validée et intégrée à la version finale.
Avant · fin de la page Recrutement
Après · bloc « Vivez l’expérience AMF »
Décision 3
Repenser le bloc « À votre écoute »
Constat — la proposition de l’agence pour le bloc de contact de l’Espace Épargnants ne mettait pas assez en valeur le service.
Décision — réaliser une déclinaison sur Figma en modifiant la forme du bloc et sa couleur de fond, pour montrer concrètement une alternative.
Résultat — ma déclinaison a été validée en interne puis retenue dans la version finale.
Proposition de l’agence
Ma déclinaison, retenue
Décision 4
Distinguer les alertes des simples informations
Constat — les deux premières propositions de bandeau de l’agence ne répondaient pas aux attentes, et la nouvelle demande tardait à être traitée.
Décision — prendre l’initiative de deux déclinaisons sur Figma : une pour les alertes, une pour les informations.
Résultat — les deux bandeaux ont été validés en interne, sans attendre un nouvel aller-retour avec l’agence.
Proposition de l’agence
Mes deux déclinaisons, validées
Décision 5
Alléger la page Recrutement
Constat — trois blocs colorés à la suite saturaient visuellement la page, et le premier répétait le bleu du bloc précédent.
Décision — proposer une déclinaison plus épurée : du turquoise pour le premier bloc, du blanc pour le deuxième.
Résultat — une page plus lisible, où chaque bloc se distingue.
Proposition de l’agence
Ma déclinaison plus épurée
Et aussi
Un accès direct aux listes noires
Les listes noires font partie des pages les plus consultées : j’ai proposé un accès direct depuis l’accueil.
Des couleurs conformes et lisibles
Sur le bloc « L’AMF recrute », j’ai relevé une couleur hors charte et proposé un texte bleu foncé après un test de contraste.
Livrer
De la maquette à la mise en ligne
Une fois les maquettes validées, j’ai accompagné la page Recrutement jusqu’à sa mise en ligne.
User stories
Rédaction dans Jira des user stories de la page Recrutement : blocs, fonctions et comportements attendus, puis suivi avec l’agence.
Contenus
Vérification des contenus transmis avant leur intégration : textes trop longs, images inadaptées, éléments manquants.
Recette
Tests en environnement de recette et sur BrowserStack (ordinateur, mobile, tablette), tickets Jira et suivi des corrections.
Mise en ligne
Mise en ligne de la page Recrutement, puis comparaison des livrables avec les maquettes pour demander les derniers ajustements.
ProjetsAMF – TMAATP1-1215
[Modernisation UX/UI] Bloc « Rejoindre l’AMF »
En tant que webmaster ou administrateur fonctionnel, je peux gérer le bloc « Rejoindre l’AMF » de la page Recrutement.
1Sous-bloc « Rejoindre l’AMF »8 critères
- Titre de 50 caractères maximum, affiché comme un titre H2
- Texte de 200 caractères maximum
- Une vidéo ou une image au choix
La vidéo se lance automatiquement(critère retiré)- Espacement homogène en haut et en bas, quelle que soit la longueur du texte
- Contenu modifiable et traduisible pour la version anglaise
Couleurs de fond et de texte modifiables(critère retiré)- Au survol, l’image s’agrandit légèrement
2Sous-bloc « Boutons d’accès aux offres »7 critères
- Libellés centrés, couleur modifiable
Couleur de fond modifiable(critère retiré)- Liens paramétrables : lien interne auto-complété ou URL externe
- Espacement homogène à gauche et à droite
- Les 3 boutons sont taggués dans Piano pour suivre les clics
- Changement de couleur au survol
- Boutons fixes pendant le défilement de la page
Critère retenuCritère retiré au fil des échanges
Extrait d’une user story que j’ai rédigée pour la page Recrutement.
Le résultat
Les trois pages sont en ligne
Parmi mes propositions retenues : la suppression des doublons de navigation, la simplification de l’Espace Épargnants, le bloc « À votre écoute », les bandeaux d’alerte et d’information, et les liens vers les autres rubriques sur la page Recrutement. J’ai aussi préparé les questions de l’enquête de satisfaction prévue après la mise en ligne.
Décision 1
Une page d’accueil plus lisible
Les grands boutons qui doublaient le menu ont disparu : chaque public trouve son entrée plus bas, dans des blocs dédiés.
Ce que j’en retiens
Trois enseignements que j’emporte
01
L’UX trouve toujours un chemin
Sans budget de recherche, un questionnaire interne et les données d’usage ont donné des bases solides. Une démarche imparfaite vaut mieux qu’aucune démarche.
02
Les données convainquent mieux que les opinions
Face à des directions en désaccord, ce sont les chiffres de Piano et des principes reconnus qui ont permis de trancher, pas mes préférences.
03
Un prototype rapide évite des allers-retours
Mes déclinaisons sur Figma ont accéléré les validations quand l’agence tardait, et ont aidé l’équipe à visualiser ses propres idées.
En parallèle
Référencement et qualité du site
- Correction des liens internes et externes menant vers des pages d’erreur 404, à partir des audits SE Ranking.
- Réécriture de la page très consultée « Vérifier une autorisation » autour de trois questions claires.
- Analyse des requêtes Google pour prioriser les contenus à améliorer, par exemple « OPC » : 16e position et score de contenu de 57 %.
- Recommandations pour la fiche Google de l’AMF et pour la plateforme GECO (liens, lisibilité, cohérence graphique).
Projet suivant
Entretiens, personas, cartes d’expérience et deux itérations testées auprès de 15 participants.