qv-lachen.ch

Website-Relaunch für den Quartierverein Lachen in St.Gallen. Die bisherige Seite ist ein gewachsenes Frame-/Tabellen-Setup aus den frühen 2000ern — funktional, aber technisch und visuell überholt. Der Relaunch holt die Site auf einen modernen Stand, ohne den vereinstypischen Charakter zu verlieren.

Was ist das?

Der Quartierverein Lachen ist die zentrale Anlaufstelle für das Quartier in St.Gallen — Veranstaltungen, Quartierzeitung, Vorstand, Mitgliedschaft, Buvette. Die alte Site hatte alles drin, aber:

• Frame-/Sidebar-Layout, auf Mobile faktisch unbenutzbar
• Times-New-Roman-Default, gelber Text auf Luftbild als Hero
• Inhalte über statisches HTML gepflegt — jede Aktualisierung ein Eingriff in den Code

Der Relaunch baut die gleichen Inhalte auf einer redaktionell pflegbaren Basis neu auf: klare Section-Hierarchie, brauchbares Mobile, eigenständige Pflege durch den Vorstand.

Stack & Architektur

• Kirby CMS — file-based, kein DB-Overhead, perfekt für eine Vereinssite mit überschaubarem Redaktionsteam
• Tailwind CSS — konsistente Design-Tokens, kein Theme-Bloat
• PHP als Runtime (Kirby-nativ)

Bewusst keine SPA, kein JS-Framework. Der Use-Case ist Inhalt lesen und PDFs herunterladen — eine klassische, server-gerenderte Site ist für Performance, SEO und Wartbarkeit die richtige Wahl.

Herausforderungen

Inhaltsmigration aus statischem HTML. Jede Sektion der alten Site einzeln nachvollziehen, in Kirby-Blueprints überführen und in Felder zerlegen, die der Vorstand selbständig pflegen kann.

Redaktionelle Pflege ohne Devs. Der Verein soll Beiträge, Veranstaltungen und die Quartierzeitung künftig selbst aktualisieren können. Blueprints sind so geschnitten, dass typische Pflegeaufgaben (neue Ausgabe, neue Veranstaltung, Aktuelles-Beitrag) in wenigen Klicks erledigt sind.

Vom Frame-Layout zu Mobile-first. Der eigentliche Aufwand steckt nicht im Tailwind-Markup, sondern darin, eine über Jahre gewachsene Sidebar-Navigation auf eine moderne Section-Hierarchie zu bringen, ohne Stammleser zu verlieren.

Stand

• Staging unter qv-lachen.dmxl.dev — Kirby + Tailwind, Inhalte migriert, redaktionelle Pflege eingerichtet
• Go-Live auf www.qv-lachen.ch steht bevor — beim Switch ersetzt der neue Stack die alte Site komplett
• Feinschliff offen: visuelle Identität / Akzentfarbe, Header-Logo-Präsenz, Beitragsbilder für die Aktuelles-Karten