Über das Projekt
Der Auslöser war kein Auftrag. Ich suchte eine Übung, jemanden Fremden anzuschreiben, etwas, das mir nicht leicht fällt. Im Briefkasten lagen die Quartiernachrichten, ich schaute, ob der Quartierverein eine Website hat. Es gab eine, sie war sichtbar in die Jahre gekommen, auf dem Smartphone nicht benutzbar. Ich schrieb dem Präsidenten.
Lachen ist ein Quartier im Westen von St.Gallen. Der Verein bündelt, was dort läuft: Veranstaltungen, Quartiernachrichten, Vorstand, Mitgliedschaft, Buvette. Auf der alten Site war das alles abgebildet, gepflegt hat sie der Präsident allein, von einem Windows-7-Rechner aus.
Der Relaunch bringt dieselben Inhalte auf eine moderne Basis: brauchbar auf Mobile, klare Section-Hierarchie, mehrere Personen können pflegen.
Stack & Architektur
- Kirby CMS: file-based, keine Datenbank, bekannt aus der Arbeit. Deploys über Git, in Sekunden live.
- Tailwind CSS: schnelles Styling über Utility-Klassen, kein eigenes CSS-System aufzubauen.
- PHP: Kirby-nativ.
Bewusst kein WordPress: zu verbreitet, Plugin-Security, Datenbank nötig. Keine SPA, kein JS-Framework. Der Use-Case ist Inhalte lesen und PDFs herunterladen, eine server-gerenderte Site liefert das ohne Umweg.
Inhaltlich ist alles block-basiert. Editoren fügen Sektionen selbst zusammen, ohne Template-Kenntnis. Auffällig ist nur ein Punkt: für die Veranstaltungen habe ich ein eigenes Kirby-Plugin geschrieben, das Event-Serien anlegt und bestehende Events kopiert. Ob das in der Praxis wirklich gebraucht wird, sehe ich erst mit der Zeit. Aus Spass entstanden, eingebaut weil es passte.
Herausforderungen
Der grösste Brocken war nicht das Bauen, sondern der Weg dahin. Zwischen Erstkontakt und Go-Live lag eine Weiterbildung, dazwischen zog sich das Projekt. Was den Schub am Ende brachte, war Claude Code für die Inhaltsmigration: die Vereine lieferten ihre Daten als Word-Dokumente, Claude erzeugte daraus direkt die fertigen Kirby-Files im Filesystem, ich musste sie nur hochladen. Genauso bei den Veranstaltungen aus dem aktuellen Heft. Erste Runde zog Claude noch Kirchen-Events mit rein, die nicht vom Verein selbst kommen. Mit einem schärferen Prompt landeten dann nur die Verein-eigenen Events im Filesystem.
Ich bin kein Designer, und das fällt mir spätestens beim Layouten auf. Gemini und Claude liefern Varianten, ich sortiere aus und schärfe nach, bis das Ergebnis sitzt. Für eine Vereinssite mit klarer Bildsprache (Heft, Quartier, Vorstand) führt das zu einem stimmigen Auftritt.
Ergebnisse
Das Pflege-Modell ist umgestellt. Vorher hat eine Person, der Präsident, alles selbst gemacht, über ein älteres Tool auf einem Windows-7-Rechner. Jetzt können mehrere Editoren Veranstaltungen, Aktuelles und Quartiernachrichten direkt im Panel pflegen, ohne dass ich für Standard-Updates ran muss. Das ist mein Anspruch an jede Site, die ich baue.
Mobile funktioniert, mit eigener Navigation und einer Startseite, die die wichtigsten Hinweise (Veranstaltungen, Wetterabsagen, News) direkt zeigt.
Das Feedback aus dem Vorstand war von Anfang an positiv, die Tür war offen. Ich hatte das Projekt ohne Honorar angeboten, jetzt überlegt der Verein, in welcher Form er sich revanchieren möchte.
Lessons Learned
Cold-Pitch war einfacher als gedacht. Aber: ich habe gratis angeboten, die Gegenseite hatte null Risiko. Das relativiert den „Mut"-Anteil.
Claude Code für Content-Migration: ja, aber im Sandbox-Setup. Im produktiven Umfeld müsste die ganze Umgebung mitziehen, das ist mir zu kompliziert. Für eine einmalige Migration aufsetzen und durchlaufen lassen funktioniert gut.
Eigene Plugins sind weniger Aufwand, als ich dachte. Mit Claude Code ist das überschaubar. Das Wichtige ist nicht das Tooling, sondern zu wissen, was man will. Eine einfache Lösung schlägt fast immer die komplizierte.
Gratis-Arbeit wieder, aber nur ohne Zeitdruck. Das Teufelsdreieck Qualität, Zeit, Preis lässt sich auch hier nicht aushebeln. Du kannst zwei wählen, nicht drei.