Die Herausforderung
Genussregion Zürich 2026 ist ein kulinarisches Grossereignis: Zehn Monate lang wird die Region zur grossen Tafel — vom Oberen Zürichsee bis in die Stadt, vom Weinland bis ins Knonauer Amt. Hunderte Gastgeber:innen, Produzent:innen und Food-Start-ups präsentieren die kulinarische Vielfalt der Region.
Für dieses Projekt brauchte es eine Plattform, die all das sichtbar macht: Events, Partner, News und einen Styleguide für konsistente Kommunikation. Die Anforderungen waren umfangreich — und der Zeitrahmen knapp.
10 Tage bis zum Launch.
Unsere Lösung
Wir haben eine moderne Headless-Architektur gewählt: Next.js 14 mit React Server Components im Frontend, GraphQL API für flexible Datenabfragen und Cockpit CMS für die Content-Verwaltung. Diese Architektur ermöglichte es, Features parallel zu entwickeln und das System später einfach zu erweitern.
Mit KI-gestützter Entwicklung (Claude Code) konnten auch Teammitglieder ohne tiefe Backend-Erfahrung produktionsreifen Code beisteuern — von GraphQL-Hooks bis zu TypeScript-Komponenten.
Das Ergebnis
Eine vollständige B2C-Plattform, die seit Dezember 2024 live ist. Die Genussregion Zürich kann Events selbstständig verwalten, News publizieren und Partner präsentieren — ohne technische Hilfe für den täglichen Betrieb.
10 Tage Entwicklung. 160 Commits. 20+ CMS-Komponenten. 4 Personen im Team.
Was wir geliefert haben
- Event-Übersicht: Browsen, Filtern und Anmeldung
- Dynamische CMS-Seiten: Über 20 verschiedene Content-Block-Typen für maximale Flexibilität
- News-System: Regionale Filterung, Tag-basierte Navigation, Artikel-Detailseiten
- Partner-Showcase: Animierte Logo-Präsentation mit CMS-Verwaltung
- Suche: Volltext-Suche über Seiten, News und Events
- Design-System: Dokumentierter Styleguide für konsistente Weiterentwicklung
Technologie-Stack
- Backend: Unchained Engine 4.5
- Frontend: Next.js 14, React Server Components, TypeScript
- API: GraphQL mit Apollo Client
- CMS: Cockpit (Headless)
- Caching: Redis für schnelle Ladezeiten
- Hosting: Docker-basiert, skalierbar
Der Entwicklungsprozess
Tag 1: Fundament legen
34 Commits am ersten Tag. Wir etablierten das Design-System als Grundlage — inklusive Farbpalette, Typografie und Komponenten-Architektur. Der Styleguide wurde bewusst auf Züritüütsch geschrieben, um die lokale Identität zu stärken.
Tag 5: CMS-Integration
Der intensivste Tag mit 41 Commits. EventGrid, PartnersList, Testimonials und weitere CMS-Komponenten wurden implementiert. Parallel dazu füllte das Kundenteam bereits Inhalte ins System.
Tag 7: Soft Launch
Die Plattform ging in einer ersten Version live. Die verbleibenden Tage nutzten wir für das News-System, Feinschliff und Performance-Optimierungen.
Tag 10: Launch
Vollständiger Launch mit allen Features. 160 Commits, 20+ CMS-Komponenten, ein dokumentiertes Design-System.
Was dieses Projekt besonders macht
Lokale Identität im Code: Der gesamte Styleguide ist auf Züritüütsch geschrieben — von den Farbbeschreibungen bis zu den Emoji-Richtlinien. Das mag ungewöhnlich klingen, aber es half dem Team, eine gemeinsame Vision zu entwickeln und die Schweizer Identität der Marke konsistent umzusetzen.
«Buttons sind wie Händschüttlä: Si söled klar, fründlich und nöd z'ufdringlich sii.»
Emoji-Governance: Wir haben 6 offizielle Emoji-Pools definiert (Restaurant, Events, Kurse, Produkte) mit klaren Regeln, wann Emojis verwendet werden dürfen — und wann nicht. Das klingt nach Overkill, sorgt aber für Konsistenz über alle Seiten hinweg.
KI-gestützte Entwicklung: Mit Claude Code konnten Teammitglieder produktionsreifen Code schreiben, der normalerweise tiefere Backend-Kenntnisse erfordert hätte. Das beschleunigte die Entwicklung erheblich.
«Die Zusammenarbeit mit Unchained war fantastisch. Wir haben eine komplette Plattform bekommen — und einen umfangreichen Styleguide dazu. Was mir besonders gefällt: Die Website fühlt sich authentisch schweizerisch an.»
Das Team
Kunde: Walter Schweizer (Projektleitung & Vision) und Joy Mörgeli (CMS-Inhalte & Content)
Unchained: Pascal (Architektur & Backend) und Vedran (Frontend & CMS-Integration)
Fazit
Die Genussregion Zürich Plattform zeigt, dass auch komplexe Content-Plattformen in kurzer Zeit realisierbar sind — wenn Architektur, Tooling und Teamarbeit stimmen. Der dokumentierte Styleguide sichert die Qualität für zukünftige Erweiterungen.