Le SIRP est un directorat de l’OCDE qui fournit une expertise en matière de rémunération, de pensions, de gestion de fonds de pension, d’administration de la paie, d’études actuarielles et de soutien juridique. Il accompagne des organisations internationales telles que l’OTAN, l’OCDE, le Conseil de l’Europe, l’ESA, EUMETSAT et l’ECMWF, ainsi que de nombreuses autres qui s’appuient sur ses recommandations.
Lorsque j’ai rejoint le projet, un CMS était déjà en cours de développement. L’objectif était de mettre en place un système autogéré permettant aux différentes unités du SIRP de publier des documents sensibles, d’organiser des réunions et de soutenir les services aux pensionnés. Mon rôle a consisté à aligner les besoins des différentes unités, auditer la solution existante, identifier des améliorations rapides et affiner l’architecture du contenu et l’expérience utilisateur dans le cadre des contraintes techniques.
Marina Berté
2025
Archi. de contenu
Design UX/UI
Design System
Le projet a couvert plusieurs enjeux UX et UI, allant de l’amélioration de l’architecture d'information à l’optimisation des workflows éditoriaux et à la localisation des contenus. Voici les principaux axes de travail :
Identification des affordances manquantes et des principaux points de friction dans la navigation, les fonctionnalités et les workflows du CMS côté back-office.
Clarification de la hiérarchie des contenus, refonte du header et amélioration de la navigation, en tenant compte des règles de visibilité liées aux différentes organisations et aux types d’utilisateurs.
À partir de l’audit, optimisation de fonctionnalités clés telles que les réunions, l’annuaire des contacts, la recherche de documents, les paramètres de compte et les parcours du portail pensionnés, avec des améliorations UX mesurées.
Création d’une charte graphique servant de base à l’ensemble des composants React et à la mise en place d’un design system simple et cohérent.
Rédaction et intégration de l’ensemble des contenus et de la micro-copie UX en anglais et en français.
Production des éléments visuels et de contenus nécessaires, alignés avec les nouveaux styles.
Rédaction d’un guide utilisateur pour le back-office et formation des équipes afin de leur permettre de gérer le CMS en toute autonomie.
Comprendre rapidement les besoins des utilisateurs a permis de cadrer l’audit et de prioriser des améliorations concrètes.
Compte tenu de l’avancement du projet, mon intervention s’est concentrée sur l’architecture de l’information, les interfaces, le design visuel, les contenus et des ajustements d’interactions ciblés, sans remettre en cause les exigences fonctionnelles existantes. J’ai ainsi pu intervenir sur les niveaux Structure, Skeleton et Surface, dans le cadre du CMS en place.
Le SIRP est avant tout responsable vis-à-vis des six organisations coordonnées, qui partagent un régime commun de rémunération et de pensions.
De nombreuses organisations associées (par exemple le CERN ou l’OMC) collaborent également avec le SIRP au cas par cas, ce qui génère de nombreux cas particuliers devant être pris en compte dans les outils.
Les délégués de ces organisations accèdent à la plateforme pour consulter des rapports, des documents sensibles, des réunions et des contacts.
En interne, le SIRP s’organise autour de quatre unités aux périmètres de responsabilité distincts. Chaque équipe dispose de webmasters désignés chargés de gérer les contenus dans le back-office.
Les entretiens menés avec ces équipes ont mis en évidence des attentes différentes en matière de permissions et de contraintes techniques, qui ont directement orienté les priorités de l’audit.
L’audit a porté à la fois sur le site public et sur le back-office Strapi. Il a mis en évidence une navigation fragmentée, des affordances manquantes sur des fonctionnalités clés, ainsi que des workflows CMS complexes. Ces constats ont alimenté une feuille de route de quick wins, orientée vers la simplification de la navigation, l’amélioration des interactions et la réduction des frictions pour les éditeurs, dans le cadre des contraintes techniques existantes.
La navigation reposait sur des menus qui se chevauchaient, des liens redondants et une arborescence trop profonde, rendant l’accès à des sections clés comme les portails pensionnés ou les espaces de travail difficile. Une structure plus plate et plus prévisible était nécessaire pour améliorer l’orientation, en particulier pour les pensionnés et les utilisateurs découvrant la plateforme.
Plusieurs pages étaient visuellement denses et proposaient trop d’options simultanément, ce qui rendait les les actions à effectuer peu claires. Une meilleure hiérarchisation de l’information était essentielle pour accélérer la prise de décision.
Des fonctionnalités comme les réunions, la recherche de documents, l’annuaire des contacts ou les parcours du portail pensionnés présentaient des mises en page peu claires et des interactions lourdes. Des ajustements ciblés ont permis d’en améliorer la lisibilité et d’aligner les interactions sur les bonnes pratiques.
Le chargement des médias, la création de liens, la gestion des contenus localisés ainsi que la configuration des permissions présentaient plusieurs frictions. La simplification des workflows et la clarification des règles de nommage ont permis de réduire les erreurs et de limiter la dépendance des éditeurs aux équipes techniques.
Des incohérences dans les espacements, la typographie et les styles de composants rendaient les pages plus difficiles à parcourir. La mise en place d’un système visuel standardisé a permis d’améliorer la lisibilité, l’accessibilité et la cohérence globale
Compte tenu des délais limités et d’un système déjà partiellement construit, j'ai établi quelques principes directeurs afin de cadrer le travail :
Améliorer d'abord le site public tout en documentant les optimisations recommandées pour le back-office en vue d'itérations futures.
Éviter autant que possible le jargon et rendre les étiquettes et les actions claires et faciles à comprendre.
Simplifier la prise de décision en limitant les options et en mettant en évidence les actions les plus pertinentes pour guider l'utilisateur.
Tirer parti des modèles UX/UI connus et s'assurer que les éléments similaires se comportent de manière prévisible sur l'ensemble du site.
Garder les interfaces intuitives et similaires au site existant dans la mesure du possible, en particulier pour les retraités âgés et les utilisateurs moins à l'aise avec la technologie.
En m'appuyant sur un thème Joy UI modifié pour React, j'ai établi des styles cohérents sur l'ensemble du site. L'espacement, la typographie et les composants tels que les cartes, les formulaires, les onglets, les menus déroulants, les FAQ et les galeries ont été standardisés à l'aide de tokens de style partagés, ce qui a permis d'obtenir une interface cohérente et facilement évolutive.
La version existante du CMS Strapi offrait une grande flexibilité dans la manière dont les composants de navigation et de menu pouvaient être structurés, mais celle-ci était souvent trop complexe. La navigation devait prendre en charge deux groupes d'utilisateurs principaux : le personnel actif et les délégués qui se connectent pour accéder à des rapports et des réunions confidentiels, et les retraités qui dépendent du portail IPSI Kiosk pour accéder à des informations personnelles privées telles que leurs fiches de paie.
Cela m’a permis de désencombrer le plan du site, de simplifier la structure des menus et de rationaliser l’architecture de l’information, afin que chaque groupe d’utilisateurs dispose de parcours clairs et prévisibles vers les sections les plus pertinentes.
La mise en page des réunions a été réorganisée afin de faciliter la lecture des dates, des documents et des informations associées. La navigation au sein des réunions a également été simplifiée, permettant aux délégués d’accéder plus rapidement aux contenus pertinents.
L’annuaire a été refondue avec une interface plus claire et une mise en page actualisée, facilitant la consultation des informations et la recherche de contacts. Le panneau des options d’affichage a été simplifié, et une modale de détails ainsi qu’une nouvelle barre d’outils à cases à cocher ont été introduites, permettant aux utilisateurs de naviguer facilement entre les différents annuaires auxquels ils ont accès.
La recherche de documents a été repensée pour suivre la même mise en page en grille et la même barre d'outils que les réunions, afin d’assurer une expérience cohérente. Des menus déroulants de filtrage ont été ajoutés pour prendre en charge les recherches avancées et préparer une réorganisation plus large de la taxonomie sur laquelle les équipes internes travaillaient en parallèle.
Le header a été simplifié afin que chaque élément remplisse une fonction claire. Les actions principales ont été repositionnées à droite pour une meilleure visibilité, et des états de survol et d’activation explicites ont été ajoutés à chaque affordance.
La navigation et l’ensemble de ses sous-composants ont été rendus entièrement responsives. La recherche globale a également été améliorée pour proposer des résultats à l’échelle du site, tout en respectant les permissions des utilisateurs.
Une attention particulière a été accordée à l'expérience des pensionnés, car le SIRP soutient plus de 13 000 retraités dans plusieurs organisations. Un point d’entrée unique « Espace pensionnés » a été introduit afin d’orienter les utilisateurs dès leur arrivée sur le site. La section « Mon compte » permet d’accéder aux données personnelles de pension, tandis que le « Portail d’information » donne accès aux communications générales de l’organisation de pension.
Afin de réduire les frictions, une liste d’accès rapide aux organisations récemment consultées a été ajoutée. En se servant du cache local, elle évite aux pensionnés d’avoir à ressaisir systématiquement leur code d’accès à cinq chiffres.
Une info-bulle a également été ajouté afin de guider les utilisateurs tout au long du parcours et d'en faciliter la compréhension.
Rejoindre le projet en cours de route impliquait de trouver le bon équilibre entre les bonnes pratiques UX et les contraintes opérationnelles, en se concentrant sur des améliorations réalisables dans le cadre de l’existant. La création du guide back-office et la formation des éditeurs ont constitué des étapes clés pour permettre aux équipes du SIRP de prendre le système en main avec confiance.
Au moment de la rédaction, la migration est toujours en cours, mais les bases sont désormais en place pour offrir une expérience plus claire, plus cohérente et plus facile à gérer, tant pour les équipes internes que pour les délégués et les pensionnés.