Tonalität
Ein Design, das zum Verein passt.
Kinderbuch-Illustration, warme Cremefarben, handwritten Headlines. Gleichzeitig genug Zurückhaltung, damit die Seite seriös wirkt und Spender Vertrauen fassen — nicht bunt-um-jeden-Preis.
Case Study · 2026
Vier Blätter
zum Glück.
Webseite für einen gemeinnützigen Verein, der therapeutische und pädagogische Maßnahmen für schwerstpflegebedürftige Kinder finanziert. Warm wie im Kinderbuch, technisch auf dem aktuellsten Stand.
vier-blaetter-zum-glueck.de
Auf dem großen Schirm.
Desktop · 1440 × 900
Startseite
Kinderbuch-Charakter
Spenden-Modal
QR-Code + Quittung
News bearbeiten
N
Titel
Spende anlässlich des Kinderfestes
Titelbild
Inhalt
Vielen Dank an alle, die unseren Stand besucht und gespendet haben…
Veröffentlicht
Speichern
✏︎
☰
⌖
Redaktions-Dashboard
News ohne WordPress-Backend
Herausforderungen
Drei Dinge, die richtig sitzen mussten.
Vereinswebseiten kippen schnell ins Kitschige oder Technische. Beides wollten wir vermeiden. Der Verein lebt von Vertrauen — also muss die Seite warm wirken, einfach zu bedienen sein und Spenden so niederschwellig wie möglich machen.
Spenden
Spenden in 30 Sekunden.
IBAN, BIC und ein GiroCode-QR, den jede Banking-App scannt und vorausfüllt — plus PayPal für den Express-Weg. Auf Wunsch Spendenquittung direkt per Formular, ohne externes Portal.
Redaktion
News ohne Programmierkenntnisse.
Ein eigenes Frontend-Dashboard, in dem die Vereinsmitarbeiter News mit Titel, Bild, Galerie und Video anlegen. Kein WordPress-Backend, keine Menüs, kein Einarbeiten — einfach loslegen.
Projektablauf
Drei Monate, drei Phasen.
Von der ersten Skizze bis zum Go-Live — strukturiert in drei klare Phasen, damit jederzeit klar war, woran gerade gearbeitet wird und was als Nächstes kommt.
Monat 01 · Konzept
Richtung finden.
- Gespräche mit dem Verein, Inhalte sammeln
- Design-Richtung: Kinderbuch-Charakter, Farben, Fonts
- WordPress-Gerüst, Theme, Hosting
- Satzung, Impressum, Datenschutz
Monat 02 · Aufbau
Seite zum Leben erwecken.
- Startseite, Aktionen-Archiv, Einzelansichten
- Frontend-Editor für Vereinsredaktion
- Mobile Menü, Microinteractions, Illustrationen
- SEO-Basis, Strukturdaten, Sitemap
Monat 03 · Feinschliff
Spenden, Kontakt, Go-Live.
- Spenden-Modal mit GiroCode-QR + Quittung
- Kontaktformular mit Anliegen-Filter
- Performance-Tuning (Lighthouse ≥ 95)
- Übergabe an die Vereinsredaktion
Messbar
Lighthouse-Scores, wie sie sein sollen.
Keine Marketing-Worte, sondern Zahlen. Gemessen mit Google PageSpeed Insights auf der Live-Seite — mobil und Desktop.
92/100
Mobil · Lighthouse
99/100
Desktop · Lighthouse
WordPress
Elementor Pro
ACF
Code Snippets
WP Rocket
GiroCode · EPC069-12
Custom PHP
Betroffene Kinder gemeinsam stark machen.Seite besuchen