noun_Arrow_2840920
Care-Hero
CARE Deutschland e.V.

Gutes Tun erlebbar machen

Services

  • Corporate Website
  • Digitale Markenführung
  • User Interface Design
  • Markenstrategie
  • TYPO3
  • UX-Design

Beschreibung

Das besonders emotionale Themenfeld, in dem sich die Hilfsorganisation bewegt, braucht eine besondere Art der Kommunikation – viel Empathie und Fingerspitzengefühl, denn es geht immer um Menschen und die Verbesserung ihrer Lebensumstände.
CARE Deutschland e.V. wollte daher eine neue zentrale Web-Präsenz aufbauen, die die Arbeit der NGO erlebbar macht und in Szene setzt – ohne dabei ausschließlich negative Emotionen auszulösen.
Care-Mockup

Die Herausforderung

Die Hilfsorganisation wollte auch das Storytelling vereinfachen und emotionaler gestalten als bisher, um den Nutzer:innen ein konsistentes Erlebnis zu ermöglichen. Wichtig dabei: Nicht nur Site-Besuchende sollten von dem so entstehenden System profitieren, sondern auch die Arbeit der CARE-Redakteur:innen sollte massiv erleichtert werden.

Allen Maßnahmen standen drei Ziele zugrunde: den Traffic auf der Website steigern, die Conversion-Rate optimieren und das Spendenaufkommen erhöhen.

Unsere Lösung

Alles auf neu!

Mit neuem, wieder erkennbarem Design, erstklassiger User Experience (UX) sowie state-of-the-art Plattformtechnologie besticht die neue Website der CARE Deutschland e.V. in allen Aspekten – www.care.de.

Care-Sticky
Care-Mood
Hilke Greve

 Referentin für Online-Marketing

CARE Deutschland e.V.

„Ich weiß es wirklich sehr zu schätzen euch bei diesem Prozess an meiner Seite zu haben. Ich hatte immer das Gefühl, dass ich mich auf euch verlassen kann. Ich habe mich immer verstanden und gehört gefühlt.“

TECHNISCHE BASIS

Mehr als ein Spendenformular: die Technik hinter care.de

Was von außen wie eine klassische NGO-Website mit Spendenbutton aussieht, ist im Kern eine vollständige Fundraising-Plattform. care.de läuft auf TYPO3 13.4 mit PHP 8.2 als zentrale Redaktionsplattform: ein Seitenbaum, eine Domain, ein konsistentes Markenerlebnis. Die Komplexität liegt dabei nicht in vielen Mandanten, sondern in der Tiefe.

Plattform-Architektur

  • TYPO3 13.4 mit PHP 8.2 als zentrale Redaktionsplattform: ein Seitenbaum, eine Domain, ein konsistentes Markenerlebnis
  • 15 eigenentwickelte Extensions, rund 61 Content-Element-Typen und 17 eigene Datenmodelle bilden alles ab, was eine große Hilfsorganisation online braucht, von der Kampagnenseite über den Spendenshop bis zum Spender:innen-Portal

Spendenprozess und Zahlungen

  • Jede Spende wird in Echtzeit als Payment Intent an FinDock auf Salesforce übergeben
  • SEPA-Lastschrift, PayPal und Kreditkarte stehen zur Wahl, einmalig oder als Dauerspende in vier Intervallen
  • Getrennte CRM-Datensätze für Privatpersonen und Unternehmen, inklusive freiwilliger Gebührenübernahme durch die spendende Person
  • Kampagnen-Attribution über Middleware, Session und Affiliate-Tracking macht jede Spende bis zur auslösenden Kampagne zurückverfolgbar

Spezialfunktionen

  • Zakat-Rechner mit tagesaktuellem Goldpreis über eine externe API, Nisab-Berechnung und mehrstufigem Fallback
  • Geschenkspenden-Shop mit Warenkorb und Grußkartenauswahl: Spendenurkunden und Grußkarten werden serverseitig als PDF erzeugt und automatisch versendet

Spenden-Portal und Sicherheit

  • Spenden-Portal mit E-Mail-Login und Abruf der Zuwendungsbestätigungen über eine angebundene Azure-Dokumentenschnittstelle
  • Eigene REST-API, über die das CRM Spender:innenkonten anlegt und pflegt
  • Missbrauchsschutz auf allen Formularen: Honeypots, Zeitprüfung und Rate-Limiting pro IP und pro Seite, IBAN-Validierung nach ISO 13616

Intuitive Nutzerführung

Dank einer intuitiven und verschlankten Navigation finden Besucher:innen nun schneller als bisher die CARE-Hilfsmaßnahmen und -projekte, die ihnen am Herzen liegen. Zudem haben wir weitere Spendenoptionen (etwa über Paypal) in die Plattform integriert, um auch spontanes Spenden für akute Krisen von überall her zu ermöglichen.

Care-Karussell-01
Care-Karussell-02
Care-Karussell-03
Care-Karussell-04
Care-Karussell-05
Care-Mood

Mehr Klarheit für Redakteur:innen

Abgerundet wird die Site mit einem intuitiven Rollenrechtesystem, das klar die Zugänge und Rollen einzelner Redakteur:innen definiert und so die technische und inhaltliche Pflege der Site wesentlich erleichtert.

Über CARE

CARE Deutschland e.V. ist eine Hilfsorganisation, die sich seit über 75 Jahren in der Tradition der Hilfe von Mensch zu Mensch engagiert. Die thematischen Schwerpunkte der NGO, die als Erfinderin der Care-Pakete nach dem 2. Weltkrieg bekannt ist, liegen dabei weltweit auf humanitärer Hilfe, Geschlechtergerechtigkeit und Klimaschutz.

FAQ (Stand September 2026)

Häufige Fragen zum Projekt care.de

Wie ist care.de technisch aufgebaut?

care.de läuft auf TYPO3 13.4 mit PHP 8.2 als zentrale Redaktionsplattform, ein Seitenbaum, eine Domain, ein konsistentes Markenerlebnis. 15 eigenentwickelte Extensions, rund 61 Content-Element-Typen und 17 eigene Datenmodelle bilden alles ab, was eine große Hilfsorganisation online braucht, von der Kampagnenseite über den Spendenshop bis zum Spender:innen-Portal.

Wie läuft der Spendenprozess bei care.de ab?

Jede Spende wird in Echtzeit als Payment Intent an FinDock auf Salesforce übergeben. Möglich sind SEPA-Lastschrift, PayPal und Kreditkarte, einmalig oder als Dauerspende in vier Intervallen, für Privatpersonen und Unternehmen mit getrennten CRM-Datensätzen. Spendende können zudem die anfallenden Gebühren freiwillig mit übernehmen.

Wie funktioniert die Kampagnen-Attribution?

Über Middleware, Session und Affiliate-Tracking ist jede Spende bis zur auslösenden Kampagne zurückverfolgbar. So sieht CARE genau, welche Kampagne welche Spende ausgelöst hat.

Was macht der Zakat-Rechner auf care.de?

Der Zakat-Rechner arbeitet mit dem tagesaktuellen Goldpreis über eine externe API, führt die Nisab-Berechnung durch und ist über einen mehrstufigen Fallback abgesichert, falls die Datenquelle einmal ausfällt.

Wie funktioniert der Geschenkspenden-Shop?

m Geschenkspenden-Shop wählen Nutzer:innen über einen Warenkorb und eine Grußkartenauswahl ihre Spende aus. Spendenurkunden und Grußkarten werden serverseitig als PDF erzeugt und automatisch versendet.

Was können Spender:innen im Spender-Portal machen?

Nach dem Login per E-Mail können Spender:innen ihre Zuwendungsbestätigungen abrufen, die über eine angebundene Azure-Dokumentenschnittstelle bereitgestellt werden. Eine eigene REST-API sorgt dafür, dass das CRM die Spender:innenkonten automatisch anlegt und pflegt.

Wie schützt care.de die Formulare vor Missbrauch?

Über Honeypots, eine Zeitprüfung und Rate-Limiting pro IP und pro Seite. IBANs werden zusätzlich nach ISO 13616 validiert.

Warum ist care.de mehr als eine Website mit Spendenformular?

Weil im Hintergrund eine vollständige Fundraising-Plattform mit CMS-Frontend steckt: Echtzeit-Zahlungsanbindung an Salesforce, Kampagnen-Tracking, ein Zakat-Rechner, ein Geschenkspenden-Shop und ein Spender:innen-Portal mit eigener REST-API, alles auf einer zentralen TYPO3-Instanz.

Ähnliche Projekte