100

amilia-hope-stiftung.de

  • 2025 - heute
  • CMS CSS3 HTML5 Javascript MODX MySQL / SQL PHP Webentwicklung Dokumenten-Infrastruktur Hilfe für Menschen Interface Design NGO PayPal Integration Spenden-Formular Tierschutz Stiftungssektor

Digitale Heimat für Mensch und Tier

Konzeption, emotionales Webdesign und technische Umsetzung einer modernen Stiftungsplattform mit integriertem Spenden-Konfigurator auf Basis des CMS MODX.

( Über das Projekt )

Zwei Säulen der Hilfe für eine transparente Projektförderung

Das Webprojekt umfasste die strategische Konzeption und Realisierung einer einladenden Stiftungswebseite für hilfsbedürftige Menschen und Tiere.

Ziel des Projekts war es, die beiden unterschiedlichen Förderbereiche – Kinderhilfe und Tierschutz – in einem harmonischen, modernen User-Interface abzubilden und die Spendenbereitschaft nachhaltig zu steigern.

Das funktionale Herzstück der Plattform ist eine interaktive Spenden-Infrastruktur, die es dem Nutzer erlaubt, seinen Spendenbetrag, die Spendenart (einmalig/monatlich) sowie den genauen Spendenzweck (Säule Mensch, Säule Tier oder beide) dynamisch festzulegen.

Das System generiert daraufhin automatisch den passenden Verwendungszweck zur fehlerfreien Zuordnung im Backend und entlastet das Stiftungsmanagement in Kooperation mit der Deutschen Stiftungsagentur spürbar im administrativen Alltag.

In Zusammenarbeit mit:

Ganzheitliche IT-Infrastruktur für den gemeinnützigen Sektor.

Die technische Betreuung von Institutionen im Stiftungsumfeld erfordert kompromisslose Datensicherheit und fehlerfreies Rechtemanagement. Als exklusiver Fullstack-Entwickler an der Seite der DS Deutsche Stiftungsagentur GmbH übernehme ich bei diesem Projekt die vollständige Verantwortung für die System-Architektur. Das Spektrum reicht von der datenschutzkonformen Migration historisch gewachsener Altdaten bis hin zur Härtung der Core-Systeme gegen externe Cyber-Risiken. Eine gewachsene Partnerschaft für nachhaltige digitale Sicherheit.

( Geräte )
smartphone
smartphone quer
smartphone
smartphone
tablet
tablet quer
tablet
tablet
computer
computer
monitor
monitor
( Tech-Stack )
Bootstrap
CSS3
HTML5
JavaScript
jQuery
MODX
MySQL
PHP

Architektur im Durchlauf

Zusammenspiel der Core-Seiten

Die Video-Sequenz zeigt den synchronisierten Fluss von drei zentralen Unterseiten direkt im MacBook-Viewport. Anstelle von isolierten Einzel-Screenshots wird so die strukturelle Durchgängigkeit des Layouts von der Startseite bis zum Conversion-Punkt im realen Desktop-Kontext sichtbar.

Design & User Experience (UX)

Emotional & Vertrauenswürdig

Klares, herzliches Layout mit einer gezielt eingesetzten Farbwelt, das Wärme und Seriösität gleichzeitig vermittelt – entscheidend für eine Stiftung, die auf Spendenvertrauen angewiesen ist.

Zwei-Säulen-Layout

Die inhaltliche Architektur spiegelt das Stiftungsmodell exakt wider – Besucher finden intuitiv den Weg zur Säule Mensch (Kinderhilfe) oder zur Säule Tier (Tierschutz), ohne sich in Navigation zu verlieren.

Vertrauensbildende Struktur

Einbindung persönlicher Gründergeschichten und authentischer Bildwelten im Header, um maximale Glaubwürdigkeit und Transparenz zu erzeugen.

Klarer Content-Fokus

Optimierte Typografie und großzügiger Whitespace für eine unkomplizierte Lesbarkeit von Projekterfolgen im In- und Ausland.

Konversionsorientierte Nutzerführung

Sämtliche Seiten sind konsequent auf das Kernziel ausgerichtet: Spender und Zustifter zu gewinnen. Klare Call-to-Actions, gut sichtbare Spendenformulare und kurze Entscheidungswege reduzieren die Abbruchrate.

Fully Responsive

Von Grund auf selbst entwickeltes, responsives Layout für eine fehlerfreie und ästhetische Darstellung auf allen Endgeräten – von Smartphone bis Großbildschirm.

Spenden- & Zustiftungs-Infrastruktur

Integriertes Spendenformular

Dynamisches Online-Formular mit Live-Berechnung des Spendenbetrags, Kategoriewahl (Mensch/Tier) und automatischem Verwendungszweck-Generator.

Zustiftungs-Sektion

Dedizierter Bereich zur Gewinnung von Zustiftern und Erbschaftsspenden mit klarer Kommunikation des nachhaltigen Stiftungsmodells (jährliche Erträge aus Stiftungskapital).

Dokumenten-Download

Integrierter, performanter Download-Bereich für den offiziellen Stiftungsflyer zur analogen Weiterverbreitung der Mission.

Projekt-Showcase mit Spenden-CTA

Für jedes aktive Projekt (z. B. Therapiegerät für Amilia, Tierheimbau Varna/Bulgarien) wurde eine eigene, emotionale Projektseite mit direktem Spendenaufruf entwickelt.

Technische Umsetzung

Maßgeschneiderte Programmierung

Volle Kontrolle über das Markup ohne unnötigen Code-Ballast für exzellente Ladezeiten – entscheidend für mobile Spendenbesuche.

Client-Side Logik

Implementierung von JavaScript-Routinen zur feldspezifischen Validierung von Steuer- und Adressdaten bei Großspenden ab 300 Euro.

Sicher und DSGVO-konform

Hohe native Sicherheit durch die MODX-Architektur, ohne externe Tracking-Dienste oder unnötige Drittanbieter – besonders wichtig für eine Stiftung, die Spenderdaten verarbeitet.

Einfache Redaktionspflege

Speziell eingerichtetes MODX-Backend, mit dem die Stiftungsgründerinnen Projekte, Neuigkeiten und Spenden-Inhalte eigenständig und fehlerfrei pflegen können – ohne technische Vorkenntnisse.

Kooperationspartner-Integration

Technische Einbindung der Deutschen Stiftungsagentur GmbH (Neuss) als treuhänderischer Verwalter, inkl. Verlinkung und transparenter Kommunikation zur Vertrauensbildung bei Spendern.

📈 Projektergebnis & Fazit

Mit der neuen Webpräsenz der Amilia Hope Stiftung wurde eine empathische und technisch anspruchsvolle Plattform geschaffen, die den Spagat zwischen Kinderhilfe und Tierschutz meisterhaft löst.

Der smarte, interaktive Spenden-Konfigurator senkt die Barriere für Unterstützer massiv, während die automatisierte Erzeugung von Verwendungszwecken administrative Fehler im Stiftungsalltag ausschließt.

Dank der flexiblen Verwaltung über das CMS MODX ist die Plattform perfekt gerüstet, um wachsende Zustiftungen, testamentarische Anfragen und internationale Tierschutz-Projekte auch in Zukunft transparent und erfolgreich digital zu begleiten.

Interface & UX-Struktur / Layout-Matrix / Responsive Design
Plattform im Live-Betrieb / System-Härtung Aktiv / Ausfallsicher
Nächster Schritt

Benötigen Sie eine professionelle B2B-Unternehmenswebseite?
Ich realisiere Ihren Auftritt von der Beratung bis zur fertigen Umsetzung.

  1. 01 Gespräch 30 Min, unverbindlich
  2. 02 Angebot klarer Scope & Aufwand
  3. 03 Start saubere Umsetzung