Une landing page de collecte pour donner envie de soutenir le volontariat
Projet fictif mené aux couleurs de la Délégation Catholique pour la Coopération : concevoir une page qui transforme l’intérêt pour le volontariat en don, du brief à la maquette, sur desktop et mobile.
01
Le brief
Créer une landing page dédiée à la collecte de dons pour soutenir le volontariat de solidarité internationale. Trois contraintes : respecter les couleurs de la DCC, adopter un ton neutre et associatif, et ne s’appuyer que sur des informations réelles issues du site de l’association.
Deux templates caritatifs ont servi d’inspiration : un hero sombre et chaleureux d’un côté, des cartes de causes illustrées et des chiffres clés bien visibles de l’autre.
02
Mes partis pris
Les couleurs du logo
Bleu, orange et jaune relevés directement sur le logo, avec Nunito, une typographie arrondie proche de celle de la marque.
Le don dès le premier écran
Formulaire intégré au hero : don ponctuel ou mensuel, montants suggérés et montant libre.
Le coût réel, en direct
La réduction d’impôt de 66 % est recalculée à chaque montant : 100 € donnés reviennent à 34 €.
La confiance par les faits
Chiffres clés, témoignages de volontaires, label Don en Confiance et partenaires du réseau.
La palette
03
Les écrans
La page se lit comme un parcours : donner envie, rassurer, prouver, puis relancer l’appel au don.
Hero et formulaire de don
L’accroche et le formulaire partagent le premier écran : le visiteur peut donner sans faire défiler la page.
Don ponctuel
Don mensuel
Confirmation
Les trois états du formulaire. Les montants suggérés changent avec la fréquence, et le coût après réduction d’impôt est recalculé à chaque choix.
Engagements et chiffres clés
Trois garanties juste sous le hero, puis un bandeau bleu qui donne l’échelle de l’action.
Où va votre don
Quatre cartes montrent ce que le don finance concrètement, de la formation au retour du volontaire.
Qui sommes-nous
Les valeurs de l’association et la répartition des missions par domaine, présentées en barres.
Réduction d’impôt
Trois exemples chiffrés pour lever le frein du coût.
Témoignages
La parole des volontaires, reprise du site de la DCC, pour incarner l’impact.
Transparence, appel final et pied de page
Labels et partenaires, puis un dernier appel au don avant les coordonnées.
04
Ce que j’en retiens
Compétences mobilisées
- Construire une page de conversion autour d’une seule action : le don
- Lever les freins au bon moment : coût réel, sécurité du paiement, transparence
- Décliner une identité existante sans la trahir, du desktop au mobile
05
La landing page complète
La page entière sur ordinateur, et sa version mobile : faites défiler l’écran du téléphone pour la parcourir.
Version ordinateur
Version mobile
Les colonnes s’empilent ; le bouton de don reste visible dès l’en-tête.