Le Cœur au Pied, site et outil d’association
Donner l’autonomie numérique à une association de maladie rare.
- Pour
- Association de santé (maladie rare)
- Avec
- Laravel 10 / PHP 8.3 · Filament (back-office)
- Statut
- En production
Le contexte
Le Cœur au Pied est une association de patients atteints de pachyonychie congénitale, une maladie génétique rare. Ses bénévoles n’ont pas de profil technique.
Son ancien site, en PHP, était figé : la moindre mise à jour demandait de faire appel à un développeur. Pour une association qui doit informer, rassembler et collecter des dons, c’était un frein permanent.
Le problème
Informer sur une pathologie méconnue, fédérer une communauté dispersée et collecter des dons, sans dépendre d’un développeur à chaque mise à jour de contenu.
Ce que j’ai construit
- Informer
Des pages sur la maladie et les soins, écrites pour être comprises, une vidéo de témoignage et des documents classés par catégorie.
- Rassembler
Une carte de France des membres par département, les événements de l’association et une galerie photos.
- Collecter
Un bouton de don PayPal sur les pages clés.
- Administrer
Un back-office pensé pour des bénévoles : textes, événements, documents, photos et carte des membres se mettent à jour sans développeur.
- Protéger
Un formulaire de contact protégé contre le spam, un bandeau cookies et des échanges sécurisés.
Avant, après
Avant
- Un ancien site figé, impossible à mettre à jour sans développeur.
- Une pathologie méconnue, avec une information difficile à trouver.
- Des membres dispersés partout en France.
Après
- L’association met à jour ses textes, ses événements, ses documents et sa carte des membres depuis un back-office simple.
- Des pages pédagogiques expliquent la maladie et les soins.
- Une carte de France montre où se trouvent les membres, département par département.
- Un bouton de don est présent sur les pages clés.
Ce que ça change, pour chacun
Les patients et leurs familles
- Une page sur la maladie en onze blocs, avec une vidéo de témoignage.
- Une page dédiée aux soins.
- Une bibliothèque de documents classés en quatre catégories : revue de presse, informations sur la maladie, documents, témoignages.
- Les événements de l’association, du plus récent au plus ancien, avec leur affiche et leur document.
- Une galerie photos.
Les membres
- Une carte de France, outre-mer compris : un clic sur un département affiche les membres qui y vivent. Seuls les prénoms apparaissent, pour respecter la vie privée.
- Le sentiment de ne pas être seul face à une maladie rare, en voyant qui est proche de chez soi.
Les donateurs
- Un bouton de don PayPal sur l’accueil et sur la page des soins : un service que tout le monde connaît, sans compte à créer sur le site.
Les bénévoles qui gèrent le site
- Un back-office aux couleurs de l’association, réservé aux administrateurs.
- Les blocs de texte de l’accueil et de la page maladie, modifiables sans toucher au code.
- Les événements (avec leur image), les documents, les photos et les membres de la carte, à créer, modifier ou supprimer, un par un ou en lot.
- Les messages du formulaire de contact, reçus directement par e-mail.
Tout le monde, au quotidien
- Un formulaire de contact protégé contre le spam par quatre barrières : un champ piège invisible, un délai minimum avant l’envoi, une limite d’envois et une vérification de l’adresse e-mail.
- Un bandeau de consentement aux cookies et une page qui les explique.
- Un site qui s’adapte au téléphone, et des pages d’erreur en français qui gardent le menu.
- Des tests automatisés et un audit de sécurité des dépendances à chaque modification du code.
Le défi : un niveau pro avec un budget associatif
Une association n’a pas le budget d’une entreprise, mais ses membres méritent le même sérieux. Le site a donc des tests automatisés, une vérification de sécurité à chaque modification et un formulaire de contact solidement protégé.
Le plus important n’était pas de livrer un site, mais de le transmettre : un outil que l’association fait vivre elle-même, sans dépendre de moi pour chaque changement.
La technique
- StackLaravel 10 / PHP 8.3
- Filament (back-office)
- MySQL
- CI GitHub Actions + tests
L’ampleur
- TechnologiesLaravel 10, PHP 8.3, MySQL
- Back-officeFilament
- Qualité17 tests automatisés, intégration continue
- Statuten production
Questions fréquentes
Une association peut-elle gérer son site sans développeur ?
Oui, si l’outil est conçu pour ça. Ici, les bénévoles mettent à jour textes, événements, documents et carte des membres depuis un back-office pensé pour eux. Je reste disponible pour la maintenance et les évolutions, mais ils n’ont pas besoin de moi au quotidien.
Combien coûte un site pour une association ?
Mes sites démarrent à 400 € de mise en place et 80 € par mois, hébergement et maintenance compris, avec un engagement d’un an. Quand il faut un vrai outil (adhésions, espace membre, dons suivis), on passe sur une Solution métier, chiffrée sur devis.
Peut-on recevoir des dons en ligne ?
Oui. Ici, un bouton de don PayPal est placé sur les pages clés : c’est simple et rassurant pour les donateurs. Pour aller plus loin (dons récurrents, reçus fiscaux), on peut brancher un outil dédié.
Vous faites vivre une association ?
Dites-moi ce qui vous prend du temps aujourd’hui. On regarde ensemble ce que votre site pourrait faire à votre place.