Sites publiques Gouv.fr

Création dun site sur la protection de la petite enfance

Les Ministères Sociaux se prépare à mettre en place un site web à vocation institutionnelle, dédié à présenter le dispositif de protection de la petite enfance. Ce site, soumis aux réglementations strictes du RGAA et du DSFR (Design Système de l’Etat), a pour mission essentielle d’informer les professionnelles, employeurs et bénévoles du secteur.

Mockup SI Honorabilité
Mockup SI Honorabilité
Mockup SI Honorabilité

Mon rôle

UX/UI Designer

Durée

3 mois

Outils

Figjam, Figma, Maze

Aperçu

/Challenge

/Challenge

/Challenge

  • Proposer un site institutionnel qui puisse répondre aux différentes cibles qui utiliseront l’outil

  • Créer des maquettes desktop et mobile

  • Créer une identité visuelle tout en respectant la charte de l’Etat

/Déroulement du projet

/Déroulement du projet

/Déroulement du projet

Mon équipe et moi avons proposé la méthode du Design Sprint a été proposée à ce client car chaque partie prenante avait le souhait de participer activement à ce projet et avancer rapidement. S'agissant d’un nouveau dispositif, nous sommes partis de zéro. La seule chose dont nous disposions était d’une embauche de personae que nous avons challengé.

Le client nous a mis à disposition des employés de différents services du gouvernement travaillant autours de la petite enfance : la DNUM (Direction du Numérique des Ministères Sociaux), la DGSC (Direction Générale Sécurité Civile), des assistants de familles d’accueils et des professionnels de crèches.

Afin de recueillir attentivement les retours de chacun des participants, ce projet s’est déroulé avec 3 autres UX/UI Designers afin de nous diviser en différents groupes.


20 à 25

20 à 25

Utilisateurs.

Utilisateurs.

5

Ateliers proposés.

Ateliers proposés.

Research

Chaque atelier débutait par une présentation globale de la journée avec la projection de la timeline afin que les utilisateurs puissent savoir comment aller se dérouler la session. Un icebreaker assez rapide était toujours proposé (exemple : Qui vous représente le mieux ?, Votre premier contact avec le design, Montre moi...), ensuite une explication un peu plus approfondie de l’atelier, puis un moment de conclusion et d’échange afin que chaque groupe puisse montrer aux autres ce qu’ils ont pu réaliser.


Nous avons réalisé avec eux :

  • Personae

  • How might we ?

  • Tri de carte

  • Flowchart

  • 6 to 1

Puis des tests utilisateurs réalisés avec Maze.

Restitution des ateliers de Design Sprint
Restitution des ateliers de Design Sprint
Restitution des ateliers de Design Sprint

Contexte & objectifs

Création d’un site institutionnel dédié à la protection de la petite enfance, piloté par les Ministères Sociaux. Le projet devait respecter le RGAA (accessibilité) et le DSFR (Design System de l’État), avec pour objectif d’informer plusieurs cibles : professionnels, employeurs et bénévoles. Mon rôle : concevoir une identité visuelle cohérente, et produire des maquettes desktop et mobile.

Contexte & objectifs

Création d’un site institutionnel dédié à la protection de la petite enfance, piloté par les Ministères Sociaux. Le projet devait respecter le RGAA (accessibilité) et le DSFR (Design System de l’État), avec pour objectif d’informer plusieurs cibles : professionnels, employeurs et bénévoles. Mon rôle : concevoir une identité visuelle cohérente, et produire des maquettes desktop et mobile.

Contexte & objectifs

Création d’un site institutionnel dédié à la protection de la petite enfance, piloté par les Ministères Sociaux. Le projet devait respecter le RGAA (accessibilité) et le DSFR (Design System de l’État), avec pour objectif d’informer plusieurs cibles : professionnels, employeurs et bénévoles. Mon rôle : concevoir une identité visuelle cohérente, et produire des maquettes desktop et mobile.

Méthodologie – Design Sprint

Méthodologie – Design Sprint

Méthodologie – Design Sprint

Ateliers menés

Ateliers menés

Ateliers menés

Tests utilisateurs – Maze

Tests utilisateurs – Maze

Tests utilisateurs – Maze

Design

Aperçu des interfaces créées, en respectant le DSFR et les normes d’accessibilité RGAA.

Aperçu de la restitution
Aperçu de la restitution
Aperçu de la restitution
Persona de Nathalie
Persona de Nathalie
Persona de Nathalie
Mockup mobile
Mockup mobile
Mockup mobile

Résultats

  • Pour les utilisateurs

    Un site web qui les informe facilement sur le nouveau système mis en place par le Gouvernement. Des informations accessibles facilement car rangées par typologie de profession.


  • Pour le gouvernement

    Un outil travaillé en étroite collaboration avec ses équipes et les parties prenantes qui répond parfaitement aux besoins et à la nouvelle loi grâce a des ateliers de Design adaptés.
Un site web qui respecte le DSFR (Design Système de l’Etat) et aux réglementations strictes du RGAA.

Ces ateliers ont permis de créer une base commune et partagée entre toutes les parties prenantes, facilitant la conception des maquettes finales conformes au DSFR et accessibles RGAA.
Le site honorabilite.social.gouv.fr a été lancé avec succès et répond aujourd’hui aux besoins d’information des différentes cibles.