- Accueil
- Réalisations
- Amana Maraude
Étude de cas / Maraude bénévole / Genève, GE / 2026
Amana Maraude
Amana Maraude est un collectif de bénévoles qui prépare des repas chauds pour les personnes sans-abri et les distribue à Genève, chaque samedi soir, depuis plus de dix ans. Nous avons conçu et développé son site, qui montre comment se passe un samedi et donne deux façons d'aider : faire un don ou rejoindre l'équipe.
Réalisé en collaboration avec Safwan Abdirahman
Voir le site en ligne ↗97/100
Score de performance Lighthouse sur ordinateur
100/100
Score Lighthouse des bonnes pratiques
1,2 s
Affichage du contenu principal sur ordinateur
Le défi
Un collectif de bénévoles n'a ni équipe marketing ni beaucoup de temps. La plupart des visiteurs arrivent sur leur téléphone, depuis une publication Instagram ou TikTok, et décident en quelques secondes s'ils donnent ou s'ils s'inscrivent.
Les dons sont collectés par une association partenaire, Dounia Charity, et les bénévoles organisent déjà chaque sortie dans un groupe WhatsApp. Le site devait suivre ces habitudes sans ajouter un outil de plus à apprendre.
Ce que nous avons réalisé
La page d'accueil s'ouvre sur une photo de l'équipe dans la rue, avec deux boutons : faire un don et devenir bénévole. Un samedi est raconté comme une chronologie, de la préparation à 14 h au retour à 18 h 30, avec le départ à 16 h 30 et la distribution à 17 h entre les deux. Les chiffres publiés par le collectif, une cinquantaine de personnes nourries chaque semaine et 600 bénévoles passés par le projet, côtoient les photos du terrain et les associations partenaires.
La page de dons accepte la carte bancaire ou TWINT en ligne et donne les coordonnées d'un virement à Dounia Charity, qui collecte l'argent des maraudes. La page bénévole propose un court formulaire, après lequel un·e responsable reprend contact, et un lien direct vers le groupe WhatsApp où tout s'organise.
Les responsables ont leur propre espace, ouvert par un code d'accès, qui mène à leur application de gestion. Le site est une application React construite avec Vite et Tailwind CSS, et chaque page est pré-rendue.
Points forts
- Boutons « Faire un don » et « Devenir bénévole » dès le premier écran
- Un samedi raconté comme une chronologie, de la cuisine à la rue
- Dons en ligne par carte ou TWINT, ou par virement à l'association partenaire
- Formulaire bénévole et lien direct vers le groupe WhatsApp
- Photos du terrain et associations partenaires
- Un espace privé pour les responsables, protégé par un code d'accès
Technologies
React · Vite · Tailwind CSS · Cloudflare
Articles
Parlons de votre projet
Parlez-nous de votre entreprise. Nous vous répondons avec un plan clair et une démo fonctionnelle dès le début du projet.