disponible pour de nvx projets
Poste actuel : Front End Lead @Réfugiés.info

Réfugiés.info : Simplifier l'accès à l'information avec un design system inclusif

Comment j'ai accompagné l'évolution de la plateforme avec des solutions axées sur l’accessibilité et la performance.

Réfugiés.info est une initiative portée par l’État français pour faciliter l’accès des personnes réfugiées à l'information de façon simple et rapide.

La plateforme répond à des exigences ambitieuses :

  1. Une accessibilité optimale pour tous les utilisateurs, conforme aux normes RGAA.
  2. Une expérience utilisateur moderne et intuitive, soutenue par un design system robuste.
  3. Une recherche performante pour naviguer efficacement dans une grande quantité de données.

Le projet a nécessité une approche centrée sur l’utilisateur et plusieurs objectifs structurants :

1

Implémenter le design system DSFR pour garantir une cohérence visuelle et fonctionnelle.

2

Concevoir et développer une recherche multi-critères rapide et efficace.

3

Assurer la conformité RGAA pour garantir un accès équitable à tous.

Mon rôle et mes contributions

Implémentation du DSFR

J’ai intégré les composants et bonnes pratiques du design system national DSFR, alignant ainsi l’identité visuelle et fonctionnelle de Réfugiés.info avec les standards de l’État.

Refonte de la recherche multi-critères

En collaboration avec l’équipe produit, j’ai conçu et développé une nouvelle page de recherche basée sur Algolia pour des résultats rapides et pertinents, et MongoDB pour une gestion optimisée des données.

Conformité RGAA

Je pilote actuellement la mise en conformité de la plateforme avec les normes RGAA, afin d’assurer une accessibilité universelle, y compris pour les personnes en situation de handicap.

Structure de code orientée design system

J’ai contribué à la création d’une architecture de code axée sur le design system, favorisant la réutilisabilité des composants et simplifiant le travail des équipes techniques.

Processus

Découverte et planification

Analyse approfondie des besoins du projet et collaboration avec les équipes pour prioriser les objectifs clés : accessibilité, performance et cohérence.

Design system

Adoption et intégration progressive des composants du DSFR, adaptés aux spécificités et exigences de Réfugiés.info.

Développement et tests

Mise en place de la recherche multi-critères avec Algolia et MongoDB, suivie d’itérations régulières pour optimiser les fonctionnalités et respecter les normes RGAA.

Documentation et pérennité

Élaboration d’une architecture de code documentée, facilitant les futures contributions et minimisant la dette technique.

Résultats