ATIGIP

Refonte UX/UI ATIGIP - Ministère de la Justice | Wolfox

2025

Fonction publique
Refonte UX-UI
Accessibilité numérique

Refonte UX/UI d'une plateforme de service public dans le respect du Design System de l'État

L'ATIGIP, agence du Ministère de la Justice chargée du travail d'intérêt général et de la réinsertion professionnelle, souhaitait renforcer l'impact et la lisibilité de ses missions en ligne. Wolfox a conduit une refonte UX/UI complète : recherche utilisateur, audit ergonomique, refonte de l'architecture de l'information et conception d'interfaces haute fidélité conformes au DSFR.

Contexte  🎯

What’s a Rich Text element?

The rich text element allows you to create and format headings, paragraphs, blockquotes, images, and video all in one place instead of having to add and format them individually. Just double-click and easily create content.

Static and dynamic content editing

A rich text element can be used with static or dynamic content. For static content, just drop it into any page and begin editing. For dynamic content, add a rich text field to any collection and then connect a rich text element to that field in the settings panel. Voila!

How to customize formatting for each rich text

Headings, paragraphs, blockquotes, figures, images, and figure captions can all be styled after a class is added to the rich text element using the "When inside of" nested selector system.

Intervention sur la plateforme existante  🚧

chiffre un dans cercle bleu clair
This is some text inside of a div block.
chiffre deux dans cercle bleu clair
This is some text inside of a div block.
chiffre trois dans cercle bleu clair
This is some text inside of a div block.
chiffre quatre dans cercle bleu clair
This is some text inside of a div block.
chiffre cinq dans cercle bleu clair
This is some text inside of a div block.
chiffre six dans dans bulle bleu clair
This is some text inside of a div block.

Problématiques

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Duis cursus, mi quis viverra ornare, eros dolor interdum nulla, ut commodo diam libero vitae erat. Aenean faucibus nibh et justo cursus id rutrum lorem imperdiet. Nunc ut sem vitae risus tristique posuere.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Duis cursus, mi quis viverra ornare, eros dolor interdum nulla, ut commodo diam libero vitae erat. Aenean faucibus nibh et justo cursus id rutrum lorem imperdiet. Nunc ut sem vitae risus tristique posuere.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Duis cursus, mi quis viverra ornare, eros dolor interdum nulla, ut commodo diam libero vitae erat. Aenean faucibus nibh et justo cursus id rutrum lorem imperdiet. Nunc ut sem vitae risus tristique posuere.

Problématiques

Unifier quatre sites aux thématiques distinctes mais interconnectées sous un domaine unique, sans perdre en clarté ni en cohérence pour les utilisateurs.
Améliorer la lisibilité et l'accessibilité de l'information pour des publics très hétérogènes : professionnels RH, partenaires territoriaux, particuliers engagés.
Adopter les standards du Design System de l'État (DSFR) pour garantir une interface accessible, conforme et cohérente avec l'écosystème numérique public.

Contexte

L'ATIGIP (Agence du Travail d'Intérêt Général et de l'Insertion Professionnelle) est un organisme public créé en 2018, rattaché au Ministère de la Justice. Sa mission : développer le travail d'intérêt général (TIG) comme alternative à l'incarcération, et accompagner la réinsertion professionnelle des personnes placées sous main de justice, en partenariat avec des collectivités, associations et entreprises. Son écosystème digital était fragmenté en quatre sites distincts aux thématiques complémentaires : travail pénitentiaire, TIG, insertion et formation pénitentiaire. Cette dispersion nuisait à la lisibilité des contenus, à la cohérence des parcours et à l'accessibilité globale de la plateforme.

Recherche utilisateur : comprendre les besoins de trois profils distincts

Pour cadrer la refonte, nous avons conduit des entretiens qualitatifs auprès de trois typologies d'utilisateurs représentatives des publics de l'ATIGIP.

Le responsable RH consulte le site depuis son poste de travail pour suivre l'actualité du service (recrutements, stages, apprentissages) et promouvoir les opportunités en interne. Il a besoin d'une information fiable, structurée et rapidement accessible.

La référente territoriale, en charge du développement du TIG en région, utilise le site pour communiquer et diffuser des informations auprès de ses partenaires. Elle attend une navigation claire et des contenus faciles à partager.

Le gérant de menuiserie engagé cherche des informations pratiques sur les démarches de réinsertion et des contacts pour se mettre en relation avec l'agence. Il a besoin d'un accès rapide à l'essentiel, sans se perdre dans l'architecture.

Ces entretiens ont confirmé un point clé : l'ATIGIP est avant tout une plateforme d'information et de mise en relation. Elle n'est pas un outil de candidature ni de publication d'offres d'emploi, une distinction importante pour orienter les choix d'architecture.

Audit ergonomique : identifier les zones de friction

L'audit a mis en évidence plusieurs points bloquants dans l'expérience existante :

Les outils essentiels (TIG 360°, IPRO 360°, intranet) étaient répartis sur plusieurs sites, rendant leur localisation difficile pour tout utilisateur non familier de l'écosystème.

L'absence de signalétique claire lorsqu'un lien redirige vers un domaine externe générait de la confusion et une perte de repères dans le parcours.

L'hétérogénéité des structures de page (certaines utilisant des tiroirs (contenus repliés), d'autres de longs blocs de texte peu aérés) nuisait à la lisibilité et à la cohérence globale.

Les éléments interactifs (liens, boutons, champs) changeaient de style et de comportement d'une page à l'autre, complexifiant inutilement les interactions.

Anciennes maquettes desktop
Avant la refonte

Conception UX : une architecture unifiée et guidante

La refonte de l'architecture de l'information s'est articulée autour de plusieurs décisions structurantes :

🔹Regrouper les quatre sites sous un domaine unique ATIGIP pour simplifier l'accès à l'information et proposer une navigation fluide et cohérente.

🔹Revoir les intitulés de sections pour mieux guider l'utilisateur et éviter toute ambiguïté.

🔹Intégrer un fil d'Ariane sur l'ensemble des pages pour accompagner les usagers dans leur parcours et renforcer leur repérage.

🔹Harmoniser la présentation des contenus avec des repères visuels et structurels cohérents sur toutes les pages.

🔹Améliorer l'expérience de prise de contact, en particulier pour les partenaires souhaitant proposer ou rejoindre un projet TIG.

🔹Valoriser les actualités pour mettre en lumière les actions et l'impact concret de l'agence.

Conception UI : des maquettes conformes au DSFR

Les maquettes haute fidélité respectent intégralement les principes du Design System de l'État (DSFR) — typographie, couleurs, iconographie, composants, menus, champs et contenus médias. Cette conformité n'est pas qu'une contrainte réglementaire : elle garantit une interface accessible, cohérente avec l'ensemble de l'écosystème numérique public, et reconnue immédiatement par les utilisateurs habitués aux plateformes gouvernementales.

Malgré la densité des contenus, le parti pris a été de privilégier les éléments visuels pour dynamiser la mise en page, améliorer la hiérarchie de l'information et rendre la navigation plus intuitive.

Nouvelles maquettes
Après la refonte

Expertises mobilisées

  • Recherche UX
  • Audit ergonomique
  • Refonte UX/UI
  • Architecture de l'information
  • Design System de l'État (DSFR)
  • Accessibilité numérique

Nos dernières réalisations

Découvrez notre approche en pratique !
Découvrez nos réalisations

Contactez-nous

Une question ? N’hésitez pas à nous écrire !

🥳

Votre message a bien été envoyé !
La meute s'en occupe le plus vite possible
Il semble qu'il y ait une erreur, veuillez réessayer...