Emmaüs Solidarité

Services :

Design UX
Design UI
Design System
Ecoconception
Accessibilité numérique

Brief

Emmaüs Solidarité est une association à but non lucratif qui intervient dans le domaine de l’hébergement, de l’accompagnement social et du logement d’insertion. L’accueil y est « inconditionnel », c’est-à-dire qu’il n’est soumis à aucune condition de légalité de résidence, d’âge, de sexe, etc.

L’association souhaite une refonte complète de son site internet devenu obsolète. Les objectifs sont multiples : faciliter les dons, informer les bénéficiaires, améliorer la visibilité des actions menées par l’association, moderniser l’image de marque dans un contexte difficile (affaire de l’abbé Pierre), et rendre le site plus accessible. Les cibles prioritaires ont été définies lors du brief de kick-off.

Solutions

Un site écoconçu et inclusif

  • Interface minimaliste privilégiant les icônes SVG et supprimant les éléments superflus
  • Architecture de l’information permettant d’atteindre chaque objectif en un minimum de clics
  • Système de composants réutilisables pensés avec en fonction du CMS Drupal : customisation minimale et réutilisation systématique pour alléger le code et réduire l’empreinte environnementale
  • Formulaires simplifiés ne demandant que les informations essentielles, (ex : sans civilité genrée pour garantir l’inclusivité)
  • Langage FALC (Facile à Lire et à Comprendre) pour les rubriques destinées aux personnes en difficulté
  • Structure de contenu hiérarchisée pour faciliter la navigation aux lecteurs d’écran
  • Mode sombre et adaptation des couleurs et contrastes selon les normes RGAA

Bénéfices

Un site moins énergivore et plus inclusif

La démarche d’écoconception adoptée pour ce projet réduit significativement l’empreinte environnementale numérique de l’association tout en améliorant l’accès à l’information pour les publics en situation de vulnérabilité.
Le nouveau site devient un outil de communication efficace qui simplifie la collecte de dons et le recrutement de bénévoles, tout en offrant une meilleure visibilité des actions et missions de l’association.
La prise en compte de l’accessibilité du service et le langage FALC permettent de fournir un service véritablement inclusif aux personnes en situation de difficulté.

Méthodes

Design UX

  • Benchmark concurrentiel et audit de l’existant
  • Atelier de tri de cartes pour optimiser la navigation et le regroupement des missions et thématiques
  • Architecture de l’information, définition des parcours utilisateurs et wireframing
  • Prototypage avancé pour permettre des tests utilisateurs en conditions quasi-réelles

Design UI

  • Conception d’un design system basé sur la réutilisation systématique des composants dans une démarche d’écoconception
  • Customisation minimale du CMS Drupal pour limiter le code superflu
  • Intégration de la nouvelle identité visuelle d’Emmaüs en fonction des contraintes RGAA
  • Réflexion stratégique sur l’utilisation des médias pour optimiser le poids et la pertinence des images
  • Design mobile first et optimisation multi-supports