Landing Page aufwerten — Storytelling, Testimonials & CTA

[udiedrichsen]

Ziel

Die Landing Page soll emotional überzeugen und klar zum Handeln auffordern.

Was gebaut werden soll

1. Hero Section überarbeiten

• Emotionaler Headline: Nicht nur Feature-beschreibend, sondern Geschichten-erzählend
• Animated Counter: "Bereits X€ gespendet" (Mock-Daten)
• Zwei CTAs: "Jetzt spenden" + "Als Sozialarbeiter registrieren"

2. How-It-Works Section

• 3-Step Visual: Codeword sehen → In App suchen → Spenden
• Icons + kurze Beschreibung pro Step
• Responsive (Mobile: vertikal, Desktop: horizontal)

3. Testimonials Section

• 3 Mock-Testimonials (Donor, Beneficiary, Social Worker Perspektive)
• Card-Layout mit Foto, Quote, Name, Rolle
• Rotierend oder Grid

4. Impact Section

• Statistiken: Gesamtspenden, aktive Beneficiaries, Städte
• Visuell ansprechend (große Zahlen, Icons)

5. Footer

• Links: Über uns, Datenschutz, Impressum, Kontakt
• Social Media Icons (Platzhalter)
• Newsletter-Signup (Mock)

Tests

• Components rendern korrekt
• Responsive Breakpoints
• Mindestens 6 neue Tests

Acceptance Criteria

• Hero mit emotionalem Storytelling
• How-It-Works 3-Step Erklärung
• Testimonials von allen 3 Perspektiven
• Impact-Statistiken
• Footer mit allen Links
• Mobile-responsive
• DE + EN Translations
• Dark/Light Theme