Secours Catholique

10 ans de collaboration via l’agence Pepper Cube

Services :

Design UX
Design UI
Design System
Accessibilité numérique

Brief

Le Secours Catholique est une association caritative qui œuvre pour lutter contre la pauvreté et l’exclusion en France et dans le monde. Chaque année près d’un million de personnes en difficulté sont accompagnées, quelles que soient leur origine, leur religion ou leurs convictions.

Refonte complète du site de l’association pour une seconde fois afin de s’adapter aux nouveaux usages des utilisateurs et à l’élargissement des cibles vers un public plus jeune et davantage connecté sur mobile.

Solutions

Architecture mobile first et navigation simplifiée

  • Trois parcours principaux mis en avant : M’informer, Agir, Soutenir
  • Navigation secondaire (missions, qui sommes-nous, etc.) regroupée dans un menu burger pour alléger l’interface
  • Landing pages derrière chaque grande rubrique permettant d’accéder à chaque information en maximum 3 clics
  • Outil « Trouver une antenne » pour localiser les 72 délégations et 3 500 équipes locales

Richesse éditoriale et design system

  • Design system léger avec peu de composants : malgré la multiplicité des formats éditoriaux (enquêtes, grands formats, décryptages, positions, brèves, podcasts, publications, etc, un système de composants réutilisables répond à l’ensemble des besoins
  • Temps de lecture indiqués sur les contenus longs
  • Thématiques (avec systèmes de tags) clairement identifiées en fonction des missions du Secours Catholique pour faciliter la navigation et optimiser la recherche

Parcours bénévole repensé

  • Saisie d’une localité pour afficher les missions disponibles dans la zone
    avec la possibilité d’affiner ensuite les résultats par type de mission, disponibilité
  • Intégration de missions à distance et adaptées notamment, aux personnes en situation de handicap

Parcours de dons optimisé

  • Formulaire de don en ligne simple et rapide
  • Calculateur de réduction d’impôt intégré (75% jusqu’à 1000€, puis 66%)
  • Options multiples : don ponctuel, régulier par prélèvement, don par SMS au 92900, legs, donation
  • « Contribuer à un coup de pouce » : financer directement des aides concrètes pour des personnes identifiées
  • Page « Que deviennent vos dons ? » avec témoignages concrets et montants
  • Reçus fiscaux automatiques

Accessibilité

  • Adaptation de l’identité visuelle selon les contraintes RGAA (contrastes, typographie, hiérarchie de contenu)
  • Transcriptions textuelles systématiques pour tous les contenus vidéo et audio

Bénéfices

Un site qui performe

La refonte permet au Secours Catholique de toucher un public plus jeune et mobile grâce à une architecture pensée mobile first. Le design system léger répond efficacement à la richesse des formats éditoriaux, positionnant le site comme une véritable plateforme média valorisant l’expertise de l’association et la voix des personnes accompagnées.

Le parcours bénévole repensé facilite la recherche de missions et ouvre l’engagement à de nouveaux publics dont les personnes en situation de handicap.

Le site s’inscrit dans un ensemble qui a permis à l’association de connaître une croissance significative de sa collecte de dons, passant de 62 M€ en 2018-2019 à 154 M€ en 2023, soit une augmentation de +148%.

Méthodes

Design UX

  • Benchmark des sites associatifs, caritatifs et médias
  • Audit de l’existant et identification des nouveaux usages
  • Architecture de l’information 
  • Définition des parcours utilisateurs prioritaires 
  • Système de taxonomie et tagging par missions
  • Wireframing et prototypage pour tests utilisateurs

Design UI

  • Design mobile first adapté à un public plus jeune
  • Conception d’un design system réutilisable sur site public et intranet
  • Adaptation de l’identité visuelle 360° selon les contraintes RGAA
  • Optimisation de l’affichage des médias riches et de leur accessibilité