Kultur & darstellende Kunst

Acte 2 Théâtre

Fünf Angebote in einem einzigen Saal: Die Informationsarchitektur war das ganze Projekt.

Jahr
2026
Umsetzung
4 Wochen
Stack
Next.js · React · Tailwind · Vercel
  • Informationsarchitektur
  • Design
  • Entwicklung
  • Ticketing
  • SEO
Website besuchen(neuer Tab)Über ein ähnliches Projekt sprechen

Demoversion, von Kayzen Web unter einer Vercel-Adresse veröffentlicht; die endgültige Domain gehört dem Kunden.

https://acte2theatre.vercel.app/
Startseite der Website Acte 2 Théâtre — Kultur & darstellende Kunst, erstellt von Kayzen Web
Zielgruppen, fünf Wege
5
Lighthouse-Performance
91/100
Lighthouse-SEO
100/100
Die Ausgangslage

Was gelöst werden musste.

Der Kontext

Acte 2 Théâtre ist ein Stadtteiltheater in Vaise, Lyon 9. Der Saal zeigt Kinder- und Jugendtheater, Theater für Erwachsene und Schulvorstellungen, bietet Workshops an und wird an Dritte vermietet.

Die Einschränkung

Fünf Tätigkeiten, fünf Zielgruppen: Familien, erwachsene Zuschauer, Lehrkräfte, Workshop-Teilnehmende, Veranstalter. Jede sucht eine andere Information, und eine chronologisch aufgebaute Website verliert sie alle.

Die Antwort

Nach Zielgruppe statt nach Kalender ordnen. Jede Tätigkeit hat ihren eigenen Einstieg, ihr eigenes Vokabular und ihren eigenen Buchungsweg. Den Kalender gibt es weiterhin, aber als übergreifende Ansicht – nicht als Hauptstruktur.

Gemessen, nicht behauptet

Die Werte bei der Auslieferung.

Lighthouse-Werte der Live-Website. Wir veröffentlichen sie unverändert: Ist einer niedrig, stehen Ursache und Korrekturplan weiter unten, statt verschwiegen zu werden.

PageSpeed
91
Performance: 91 von 100
93
Barrierefreiheit: 93 von 100
100
Best Practices: 100 von 100
100
Suchmaschinenoptimierung: 100 von 100
Design & Art Direction

Jede gestalterische Entscheidung – und ihr Grund.

  1. Einstieg nach Zielgruppe

    Familien, Erwachsene, Schulen, Workshops, Vermietung. Besucher erkennen sich auf einen Blick wieder; ein Kalender, der alle fünf vermischt, würde sie zum Sortieren zwingen.

  2. Schulvorstellungen ernst genommen

    Lehrkräfte suchen pädagogisches Begleitmaterial, Klassenstufen, eine Dauer, einen Gruppenpreis. Diese Informationen haben eine eigene Seite; anderswo hätten sie das allgemeine Publikum überfrachtet.

  3. Saalvermietung als eigenes Angebot

    Kapazität, Bühnentechnik, Preise, Verfügbarkeiten. Eine regelmäßige Einnahmequelle, die fast immer ans Ende einer Kontaktseite verbannt wird.

Farbpalette des Projekts

  • Nachtblau

    #1C2A45

    Identität

  • Koralle

    #D65A4A

    Kinder- und Jugendtheater

  • Creme

    #F6F2EA

    Hintergrund

  • Tinte

    #1B1D22

    Text

Typografisches System

Überschriften

Outfit 700

Fließtext

Inter 400

Bewusst zeitgenössisch und nicht „theatralisch“: Der Saal empfängt vor allem junges Publikum; ein zu feierliches Register hätte Familien abgeschreckt.

Engineering

Was unter der Haube steckt.

  • Next.js
  • React
  • Tailwind
  • Vercel

  1. Externes Ticketing, bei Bedarf geladen

    Das Ticketing-Modul wird erst beim Klick geladen. Ein Drittanbieter-Widget auf allen Seiten hätte die gesamte Website für eine punktuelle Handlung belastet.

  2. Typisierter Spielplan

    Produktionen, Termine, Zielgruppen, Preise und Dauer in einer gemeinsamen Datendatei. Die fünf Einstiege und der übergreifende Kalender werden alle daraus erzeugt.

Suchmaschinenoptimierung

Wie die Website gefunden wird.

  1. Eine Gruppe von Suchanfragen pro Zielgruppe

    „Kindertheater Lyon“, „Theater Vaise“, „Theaterbesuch Schulklasse Lyon“, „Veranstaltungssaal mieten Lyon 9“. Keine davon hätte eine einzige Seite bedienen können.

  2. Event- und Place-Markup

    Jede Vorstellung ist ein Event, verknüpft mit einem Place-Knoten, der den Saal, seine Kapazität und die Anfahrt beschreibt.

Seitenstruktur

Was ausgeliefert wurde.

  • Startseite – fünf Einstiege
  • Kinder- und Jugendtheater
  • Theater für Erwachsene
  • Schulvorstellungen
  • Workshops
  • Saal mieten
  • Kalender (übergreifende Ansicht)
Methode

Der Projektablauf.

  1. Architektur

    Fünf Zielgruppen identifiziert, Struktur nach Zielgruppe statt nach Datum.

  2. Design

    Getrennte Einstiege, familienfreundliches Register.

  3. Entwicklung

    Typisierter Spielplan, verzögert geladenes Ticketing.

  4. SEO

    Eine Gruppe von Suchanfragen pro Zielgruppe.

Fragen

Was man uns oft fragt.

Weil Besucher kein Datum suchen, sondern eine Art von Ausgehen. Als übergreifende Ansicht bleibt der Kalender nützlich, doch als Hauptstruktur zwingt er jede Zielgruppe, auszusortieren, was sie nicht betrifft.

Weitere Referenzen

Zurück zum Portfolio

Derselbe Anspruch, für Ihre Website.

Kostenloses Audit Ihrer aktuellen Website, Angebot innerhalb von 24 Stunden und eine schriftliche Begründung – wie die, die Sie gerade gelesen haben. Zahlung in drei Raten ohne Aufpreis; lokale Förderungen werden vor der Unterschrift geprüft.

Termin vereinbarenPreise ansehen
Teilen