Case Study 01 · Website mit Redaktions- und Buchungssystem

Feuerwehr Bad Rappenau

Vorne die Website für sieben Abteilungen, dahinter die Anwendung für die Wehr: ein eigenes Redaktionssystem, ein Terminkalender und ein Buchungssystem für den Mannschaftswagen. Einsätze und Berichte kommen aus dem Portal des Kreisfeuerwehrverbands, das Medienteam baut daraus Beiträge für Website, Facebook und Instagram.

Rolle
Konzept, Design, Frontend, Backend, Server & Betrieb
Stack
Astro · SSR · Node.js · SQLite · Svelte · Docker · Caddy
Status
In Betrieb auf der Vorschau-Adresse, Domainumzug steht an
Adresse
Vorschau ansehen (öffnet in neuem Tab)künftig feuerwehr-badrappenau.de
Startseite von Feuerwehr Bad Rappenau in der Desktop-Ansicht

Ausgangslage

Sieben Abteilungen, über 400 Ehrenamtliche.

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 Menschen, die daneben einen Beruf und Einsatzdienst haben.

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.

  • Ein Auftritt, der Bürger informiert und Nachwuchs anspricht
  • Einsatzberichte einmal schreiben und überall veröffentlichen: Website, Verband, Facebook, Instagram
  • Strukturierte Darstellung von Abteilungen, Fahrzeugen, Terminen und Technik
  • Betrieb auf einem eigenen Server, ohne laufende Lizenzkosten für fremde Software

Konzept & Design

Sachlich und schnell erfassbar.

Kräftiges Feuerwehrrot, große Schrift und eigene Einsatzfotos. Die Startseite zeigt zuerst die aktuellen Einsätze, dann die Abteilungen und den Weg zum Mitmachen.

Statistik- und Inhaltsbereich der Feuerwehr-Website mit Einsatzzahlen
Feuerwehr-Website auf dem Handy
  • Wechselnde Überschrift auf der Startseite, mit den Verben schützen, retten, löschen und bergen
  • Einsatzstatistik in großen Zahlen, auf einen Blick lesbar
  • Jede Abteilung mit eigenem Bereich
  • Fürs Handy zuerst gebaut: Einsatzmeldungen werden unterwegs gelesen

Technische Umsetzung

Ein eigenes Redaktionssystem, zugeschnitten auf die Wehr.

Ein großes CMS hätte ich für die Wehr verbiegen müssen. Stattdessen habe ich genau das gebaut, was sie braucht: eine schnelle Website und dahinter ein Werkzeug fürs Medienteam. Einsätze und Artikel kommen aus dem Portal des Kreisfeuerwehrverbands, in dem die Wehr ohnehin meldet. Ein Bericht wird einmal geschrieben und landet auf der Website, beim Verband und als fertiges Bild auf Facebook und Instagram. Technisch steckt Astro mit Server-Rendering dahinter, dazu Node.js und SQLite.

Berichte & Social Media

  • Bericht in sieben Schritten: Text, Fotos, Meldung an den Verband, Beitrag fürs Netz
  • Bildgenerator im Feuerwehr-Design, mit Verpixeln von Kennzeichen und Gesichtern
  • Beiträge planen und zeitgesteuert auf Facebook und Instagram veröffentlichen

Organisation

  • Terminkalender mit Filter je Abteilung, Abo fürs Handy und Import aus Dienstplan-PDFs
  • Reservierung des Mannschaftswagens, mit Anzeige auf dem Bildschirm im Gerätehaus
  • Einsatzstatistik seit 2002, Meldung defekter Funkmeldeempfänger, Über-uns-Seiten selbst pflegbar

Zugänge & Daten

  • Rollen mit fein abgestuften Rechten, Zwei-Faktor-Anmeldung mit App oder Passkey
  • SQLite: robust, wartungsarm, einfach zu sichern
  • Besucherzahlen ohne Cookies, direkt im Pflegebereich

Infrastruktur & Betrieb

Server, Verschlüsselung und nächtliche Sicherung.

Die Website läuft als Container auf einem Linux-Server, den ich eingerichtet habe und betreue. Die Verbindung ist verschlüsselt, das Zertifikat erneuert sich automatisch, und jede Änderung durchläuft automatische Tests, bevor sie ausgerollt wird.

LIVE-ARCHITEKTUR · FEUERWEHR-BADRAPPENAU.DE

  1. Browser
  2. DNS
  3. Reverse Proxy · TLS
  4. Caddy
  5. Astro SSR / Node.js
  6. SQLite
  • Docker
  • Automatische Tests
  • Security Header
  • Überwachung
  • Backups
  • Updates

Nachprüfbar am laufenden System: Die Verbindung ist immer verschlüsselt, und die üblichen Schutz-Header (Content-Security-Policy, HSTS, Referrer- und Permissions-Policy) sind gesetzt.

Stand

Das Medienteam pflegt die Seite selbst.

Das Medienteam veröffentlicht Einsatzberichte und Beiträge eigenständig, ohne dass jemand HTML anfassen muss. Abteilungen, Fahrzeuge und Jugendarbeit sind strukturiert dargestellt, der Auftritt funktioniert vom Handy am Einsatzort bis zum Computer im Rathaus.

Die neue Seite läuft fertig auf der Vorschau-Adresse. Sobald die Wehr die Domain umstellt, löst sie die alte WordPress-Seite ab, mit Weiterleitungen für alle alten Adressen. Gibt es ein Problem, meldet sich die Wehr direkt bei mir.

Meine Rolle

  • Konzept, Informationsarchitektur und Design
  • Frontend- und Backend-Entwicklung inkl. Redaktionssystem und Social-Media-Werkzeugen
  • Servereinrichtung, Inbetriebnahme, Verschlüsselung und Absicherung
  • Laufender Betrieb: Überwachung, Backups, Updates

Vorschau ansehen (öffnet in neuem Tab)

Kontakt

Website für Verein oder Organisation

Ein eigenes Redaktionssystem lohnt sich auch für kleinere Vereine. Beschreibe mir, was bei dir ansteht.