Retour

Le Fonds Social Européen + - Refonte globale du dispositif digital

La refonte de la plateforme FSE.gouv.fr a fait évoluer un portail documentaire complexe vers un service public numérique lisible et réellement orienté usagers. En structurant l’information autour des parcours utilisateurs, l’accès aux financements européens est désormais clair, cohérent et intuitif, quel que soit le profil de l’utilisateur.

Le contexte : lever les barrières à l'accès aux financements européens

Le fonds social européen + (FSE+) soutient des milliers d'initiatives vitales pour l'emploi, l'inclusion et la formation en Europe. Pour le FSE+ en France, l'enjeu principal était de fournir un site web techniquement solide et capable de faciliter la compréhension et l'accès a ces dispositifs publics complexes.

Les enjeux de la refonte ont été nombreux! Le site précèdent remplissait sa mission d'archivage documentaire, mais il devenait nécessaire d'optimiser la recherche d'informations et l'accès aux contenus clefs. Notre mission a été d'apporter notre expertise UX/UI et technique pour maximiser l'impact du FSE+ en agissant sur trois axes majeurs :

  • Désorientation utilisateur : les bénéficiaires potentiels ne trouvaient pas rapidement les informations pertinentes (qui est éligible ? Comment candidater ?).
  • Impératif de modernisation : l'opportunité d'actualiser la présence numérique pour mieux refléter le dynamisme des missions du FSE+ et optimiser l'engagement des porteurs de projets.
  • Hétérogénéité graphique : harmoniser l'ensemble des contenus sous une identité claire et reconnue.

Notre approche : structuration de l'information et harmonisation graphique

Architecture de l'information : de l'administration au besoin utilisateur

Nous avons entamé la phase de conception par un travail approfondi sur l'architecture de l'information avec nos collègues de Datagif avec qui nous avons gagné la mission.

Nous avons procédé à une réorganisation complète de l'information pour la centrer sur le parcours du porteur de projet. L'arborescence a été articulée autour des trois grandes phases d'un projet FSE+, créant des chemins d'accès clairs pour l'usager:

  1. Découvrir le FSE+ (qui sommes-nous ? Quels sont les objectifs ? Pour qui ?)
  2. Construire un projet FSE+ (critères d'éligibilité, appels à projets, candidature)
  3. Gérer un projet FSE+ (justification des dépenses, suivi administratif, bilans)

Cette approche par le cycle de vie du projet a permis une simplification de l'arborescence et a rendu la navigation plus intuitive.

Adopter le design system de l'état avec une direction artistique FSE+

Afin d'assurer la reconnaissance immédiate par l'usager comme un site de service public fiable, nous avons bâti l'interface sur le système de design de l'état (DSFR).

Cependant, il était crucial de ne pas perdre l'identité propre du Fonds Social Européen. Notre direction artistique spécifique au FSE+ a permis :

  1. L'intégration de la palette de couleurs institutionnelle du FSE, travaillée en harmonie avec les tons neutres du DSFR.
  2. L'utilisation ciblée d'éléments visuels (pictogrammes spécifiques, illustrations) qui évoquent le dynamisme et l'action du FSE+ (emploi, inclusion, jeunesse), apportant une touche humaine et concrète aux dispositifs administratifs.
  3. Une typographie et un espacement optimises pour la lecture de contenus longs et techniques, tout en restant dans le cadre DSFR.

L'infrastructure technique : robustesse et mise a jour dynamique avec Drupal

Pour répondre aux exigences de gestion de contenu et de haute disponibilité d'un site gouvernemental, nous avons choisi une stack basée sur Drupal. Ce CMS s'est impose pour sa robustesse, sa modularité et son alignement avec les standards des plateformes publiques.

L'un des principaux défis techniques a été la gestion des appels à projets (AAP), qui sont au cœur de la mission du FSE. Nous avons mis en place un système d'import automatisé dédié qui permet d'intégrer les données des appels a projet depuis la plateforme de gestion source du FSE. Ce système garantit que les informations sont toujours à jour et synchronisées.

Les résultats : un service public numérique plus efficace et engageant

La refonte du site FSE.gouv.fr a transformé l'expérience utilisateur et l'image du dispositif :

  • Clarté : les bénéficiaires trouvent plus rapidement les informations nécessaires, réduisant le temps passe a décoder les programmes.
  • Cohérence graphique : le site s'inscrit dans la continuité des services de l'état tout en affirmant son identité FSE+.
  • Efficacité accrue : en offrant des parcours d'information simplifies, le site réduit potentiellement le nombre de sollicitations auprès des équipes administratives pour des requêtes basiques, permettant au FSE de se concentrer sur l'accompagnement stratégique.
  • Image dynamique : la nouvelle interface véhicule une image de service public moderne, actif et au service des citoyens

Quelques chiffres clés

+ de 1700
appels à projets
migrés lors de la refonte
3
semaines
pour activer le plan de réversibilité : reprise TMA, hébergement et animation des réseaux
>94
score Lighthouse
sur les critères de performance, accessibilité, respect bonnes pratiques & SEO

D’autres projets à découvrir

Voir le projet