Case Study 01 · Organisations-Website mit Redaktionssystem
Feuerwehr Bad Rappenau
Sieben Abteilungen unter einem Dach. Die Wehr schreibt ihre Einsatzberichte und Artikel selbst – ohne dass jemand dafür an den Code muss. Website und Server kommen beide von mir.
Ausgangslage
Sieben Abteilungen, ein Ehrenamt – und viel zu erzählen.
Die Freiwillige Feuerwehr Bad Rappenau hat sieben Abteilungen, über 400 Ehrenamtliche und rund 200 Einsätze im Jahr. Da kommt laufend etwas zusammen, das erzählt werden will – und gepflegt wird das alles von Leuten, die daneben einen Beruf und Einsatzdienst haben.
Eine Visitenkarte im Netz hätte also nicht gereicht. Es brauchte ein System, mit dem sich ein Einsatzbericht auch um 23 Uhr noch schnell eintragen lässt, wenn man gerade von der Einsatzstelle kommt.
Ziel
Ein System, das die Wehr selbst bedienen kann.
- Moderner, vertrauenswürdiger Auftritt für Bürger und Nachwuchsgewinnung
- Einsatzberichte und Artikel ohne technische Hürden veröffentlichen
- Strukturierte Darstellung von Abteilungen, Fahrzeugen und Technik
- Betrieb auf eigener, kontrollierter Infrastruktur – ohne laufende CMS-Lizenzkosten
Konzept & Design
Einsatzbereit statt Amtsstube.
Kräftiges Feuerwehrrot, große Typografie und echte Einsatzfotos statt Stockbilder. Die Startseite beantwortet die drei häufigsten Fragen sofort: Was ist passiert? Wer sind wir? Wie mache ich mit?
- Rotierender Hero: „Wir schützen. retten. löschen. bergen."
- Einsatzstatistik als lebendige Zahlen statt Textwüste
- Sieben Abteilungen mit eigenen Bereichen
- Mobile First – Einsatzmeldungen werden unterwegs gelesen
Technische Umsetzung
Ein eigenes Redaktionssystem – kein CMS von der Stange.
Statt ein schwergewichtiges CMS zu verbiegen, habe ich genau das gebaut, was die Wehr braucht: ein serverseitig gerendertes Astro-Frontend und ein eigenes, schlankes Admin-Backend auf Node.js mit SQLite.
Frontend
- Astro mit Server-Side Rendering und View Transitions
- Responsive, schnelle Seiten – auch im Funkloch brauchbar
- Saubere strukturierte Daten und Open-Graph-Bilder
Backend
- Eigenes Admin-Backend für Artikel und Einsatzberichte
- Entwürfe und zeitgesteuerte Veröffentlichungen
- Ticket- und Aufgabenfunktionen für die Redaktion
Daten
- SQLite – robust, wartungsarm, einfach zu sichern
- Strukturierte Organisations- und Fahrzeugdaten
- Bild-Pipeline mit automatischer Optimierung
Infrastruktur & Betrieb
Vom ersten Commit bis zum Serverneustart um drei Uhr nachts.
Die Website läuft auf einem Linux-Server, den ich eingerichtet habe und betreue: Caddy als Reverse Proxy mit automatischem TLS und HTTP/3, die Anwendung als systemd-Dienst mit automatischem Neustart.
LIVE-ARCHITEKTUR · FEUERWEHR-BADRAPPENAU.DE
- Browser
- DNS
- Caddy · TLS
- Astro SSR / Node.js
- SQLite
- systemd
- Security Header
- HTTP/3
- Logging
- Backups
- Updates
Nachprüfbar am Live-System: Content-Security-Policy, HSTS, Referrer- und Permissions-Policy sind gesetzt, TLS ist erzwungen, HTTP/3 aktiv. Sicherheit ist hier kein Versprechen, sondern ein Response-Header.
Ergebnis
Eine Feuerwehr, die ihre Geschichte selbst erzählt.
Die Wehr veröffentlicht Einsatzberichte und Artikel eigenständig, ohne dass jemand HTML anfassen muss. Abteilungen, Fahrzeuge und Jugendarbeit sind strukturiert dargestellt, der Auftritt funktioniert vom Smartphone am Einsatzort bis zum Desktop im Rathaus.
Und wenn doch mal etwas ist, ruft die Wehr eine Nummer an. Meine.
Meine Rolle
- Konzept, Informationsarchitektur und Design
- Frontend- und Backend-Entwicklung inkl. Redaktionssystem
- Servereinrichtung, Deployment, TLS und Security-Härtung
- Laufender Betrieb: Monitoring, Backups, Updates
Kontakt
Projekt anfragen
Über das Formular oder telefonisch. Ich melde mich zeitnah, und wir vereinbaren einen Termin.