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.

Méthode

Recherche et design UX

  • Benchmark 
  • 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

Design UI

  • Conception d’un design system basé sur la customisation minimale du CMS Drupal pour limiter le code 
  • Intégration de la nouvelle identité visuelle d’Emmaüs en fonction des contraintes RGAA
  • Réflexion sur la pertinence des images et l’utilisation des médias « riches » pour optimiser le poids des pages
  • Design mobile first
  • Prototypage avancé pour permettre des tests utilisateurs en conditions quasi-réelles

Solutions

  • Interface minimaliste privilégiant les illustrations vectoriels et supprimant les éléments superflus
  • Architecture de l’information permettant d’atteindre chaque objectif en un minimum de clics
  • Bibliothèque de composants minimale pensée pour alléger le code et réduire l’empreinte environnementale
  • Formulaires simplifiés ne demandant que les informations essentielles et inclusif (ex : civilité absente pour le formulaire de contact et possibilité du choix non genré pour devenir bénévole)
  • Langage FALC (Facile à Lire et à Comprendre) pour les rubriques destinées aux personnes en difficulté et traduction multilingue
  • Mode sombre et adaptation des couleurs et contrastes selon les normes RGAA

Bénéfices

Un site écoconçu et 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 en offrant une meilleure visibilité des actions et missions de l’association ce qui simplifie la collecte de dons et le recrutement de bénévoles.

La prise en compte de l’accessibilité du service, du langage FALC, le choix du multilingue pour la rubrique « Être aidé(e) » et la réflexion sur les formulaires permettent de fournir un service véritablement inclusif aux personnes en situation de difficulté.