Das Spendenformular in „einer Spalte".
Beseitigung von Ablenkungen, klare visuelle Progression (Betrag → Kontaktdaten → Zahlung) und Hervorhebung der vorgeschlagenen Beträge.
Fallstudie
Plattform für Crowdfunding · Nantes / Paris
HelloAsso
Die Reibung im Moment der Bezahlung reduzieren, um die Abschlussrate der Spenden zu maximieren, bei gleichzeitig höchstem Vertrauens- und Sicherheitsniveau, auf Mobilgeräten ebenso wie auf dem Desktop.
Der Kontext
HelloAsso ist die französische Referenz für Crowdfunding zugunsten von Vereinen, Stiftungen und Sportclubs. Mit Millionen von Nutzern und massiven Traffic-Spitzen (Jahresende, humanitäre Notlagen) muss die Plattform eine robuste Technologie mit einer tadellosen Nutzererfahrung verbinden.
Das Briefing
Ziel: die Abschlussrate der Spenden- und Beitrittsformulare erhöhen. Die Erwartungen:
- Null Reibung beim Bezahlen.Die Schritte vereinfachen, das Trinkgeld ergonomisch und ohne Aufdringlichkeit integrieren und lokale Zahlungsmittel anbieten (Apple Pay, Google Pay).
- Vertrauen und Transparenz.Den Nutzer sofort über das Modell „100 % kostenlos für Vereine" und die Datensicherheit (DSGVO, PCI-DSS) beruhigen.
- Technische Performance.Grüne Core Web Vitals garantieren, selbst bei Traffic-Spitzen mit Faktor x10.
- Barrierefreiheit.Eine Strecke im Einklang mit den RGAA-Normen, um keinen Spender außen vor zu lassen.
Der Designansatz
Eine einfühlsame, aufgeräumte und „mobile-first\" gedachte Ausrichtung: Die Oberfläche soll zurücktreten, um der Emotion und dem Akt des Spendens Raum zu geben.
Das intelligente „Tip".
Ein Trinkgeldvorschlag für HelloAsso, spielerisch und positiv integriert, mit Mikroanimationen, die die Geste wertschätzen.
Visuelle Rückversicherung.
Sicherheitsbadges, Logos der Bankpartner und der Hinweis „Sichere Zahlung", strategisch nahe der Aktionsschaltfläche platziert.
Dark Mode und Kontraste.
Eine Farbpalette (das signaturhafte Violett), ausgearbeitet für optimalen Lesekomfort und die Einhaltung der Barrierefreiheitsnormen.
Die Technik
- Redesign des Frontends des Spenden-Widgets in React/Next.js für maximale Flüssigkeit (SPA-Feeling).
- Native Integration der mobilen Wallets (Apple Pay, Google Pay), um die Zahlungsdauer auf < 10 Sekunden zu reduzieren.
- Drastische Optimierung der Core Web Vitals (LCP < 1.2s, CLS < 0.1).
- Einführung kontinuierlicher A/B-Tests zu den Beschriftungen der CTAs und zur Platzierung des Trinkgelds.
- RGAA-Audit und -Korrektur (Barrierefreiheit) auf Stufe AA.
Das Projekt in Zahlen
- 100 % der Mittel an die Organisationen weitergeleitet (Trinkgeldmodell)
- Spenden-Widget per iframe oder flüssige Weiterleitung auf über 50 000 Vereinswebsites eingebunden
- Bezahlung mit 3 Klicks auf dem Smartphone dank der Wallets
- RGAA-Konformität auf Stufe AA bestätigt
- Verfügbarkeit von 99,99 % bei Aktivitätsspitzen (Téléthon, humanitäre Krisen)
Die Ergebnisse
- Gesamt-Traffic (GA4, 6 Monate nach dem Redesign): 4,2 Millionen Besuche/Monat (mit Spitzen bei 8M im Dezember)
- Konversionsrate der Spenden (GA4): +18 % Steigerung der Abschlussrate des Spendenformulars gegenüber der alten Version
- Mobil-Anteil (GA4): 68 % der Spenden werden nun auf dem Smartphone finalisiert (gegenüber 52 % zuvor)
- Absprungrate auf der Bestätigungsseite: < 5 % (die Nutzer teilen ihre Spende in den sozialen Netzwerken)
- Lighthouse-Score (Performance): 98/100 auf Mobilgeräten
Im O-Ton
Auf einer Plattform wie unserer kann jede Zehntelsekunde Reibung eine Spende kosten. Das Team hat es verstanden, die Zahlungsstrecke mit seltener Finesse neu zu denken und dabei den Menschen und die Einfachheit in den Mittelpunkt zu stellen. Die Ergebnisse bei der mobilen Konversionsrate übertreffen unsere Erwartungen.
Seit der Aktualisierung des Widgets auf unserer Website sagen uns unsere Mitglieder, dass der Ablauf viel einfacher ist. Wir haben gesehen, wie unsere Zahl neuer Online-Mitglieder in drei Monaten um 25 % gestiegen ist. Es ist flüssig, vertrauenerweckend und effizient.
Weitere Referenzen
Ihr Projekt verdient dieselbe Sorgfalt
Eine maßgeschneiderte Website, in 7 Tagen live, betreut von einem echten Menschen.