Kultur & Theater

Compagnie l'Entr'Axes

98 bei der Performance: Eine Theatergruppe hat kein Budget für eine langsame Website.

Jahr
2026
Umsetzung
3 Wochen
Stack
Next.js · React · Tailwind · TypeScript · Vercel
  • Design
  • Entwicklung
  • Lokales SEO
  • Texte
Bald onlineÜber ein ähnliches Projekt sprechen
Website ausgeliefert – Veröffentlichung unter der Domain der Compagnie folgt
Startseite der Website Compagnie l'Entr'Axes — Kultur & Theater, erstellt von Kayzen Web
Lighthouse-Performance
98/100
jährliche Hostingkosten
0 €
Gründungsjahr der Compagnie
2009
Die Ausgangslage

Was gelöst werden musste.

Der Kontext

Die Compagnie l'Entr'Axes ist eine Lyoner Amateurtheatergruppe, die Agnès Faye seit 2009 leitet: Aufführungen, Workshops, Repertoire.

Die Einschränkung

Eine Amateurtruppe hat weder ein Wartungsbudget noch einen Webmaster. Die Website muss monatelang allein bestehen, bei sich ändernden Terminen aktuell bleiben und Lust aufs Buchen machen – und das ohne laufende Kosten.

Die Antwort

Statisches Rendering, kostenloses Hosting, Inhalte in gut lesbaren Datendateien. Der Spielplan trägt echte Daten: Vergangene Aufführungen wandern automatisch ins Repertoire, statt weiter als bevorstehend angezeigt zu werden. Die Website kann nicht veralten, auch wenn niemand eingreift.

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
98
Performance: 98 von 100
94
Barrierefreiheit: 94 von 100
100
Best Practices: 100 von 100
100
Suchmaschinenoptimierung: 100 von 100
Design & Art Direction

Jede gestalterische Entscheidung – und ihr Grund.

  1. Dramatisches Register

    Kontrastreiche Serifenschrift, tiefes Schwarz, Vorhangrot. Das Theater hat starke visuelle Codes; sie zugunsten eines generischen Designs zu ignorieren, hätte dem Ort seine Identität genommen.

  2. Der Spielplan zuerst

    Die nächsten Termine stehen vor der Vorstellung der Truppe. Wer eine Theater-Website besucht, will wissen, was wann gespielt wird; die Geschichte der Truppe interessiert erst danach.

  3. Die Workshops als zweite Säule

    Die Workshops tragen die Compagnie ebenso wie die Aufführungen. Sie haben eine eigene Seite mit Terminen, Preisen und Anmeldung – nicht nur eine Zeile auf der „Über uns“-Seite.

Farbpalette des Projekts

  • Bühnenschwarz

    #141013

    Hintergrund

  • Vorhangrot

    #A32639

    Identität, Akzente

  • Elfenbein

    #F3EEE7

    Text

  • Scheinwerfergold

    #C9A24B

    Details

Typografisches System

Überschriften

Playfair Display 700

Fließtext

Inter 400

Eine Didone für das Plakat, eine Sans-Serif für den Spielplan. Die Daten stehen in Tabellenziffern, damit sie im Kalender bündig bleiben.

Engineering

Was unter der Haube steckt.

  • Next.js
  • React
  • Tailwind
  • TypeScript
  • Vercel

  1. Automatischer Terminwechsel

    Jede Produktion trägt ihre Termine. Nach der letzten Vorstellung verlässt sie den Spielplan und wechselt ohne Zutun ins Repertoire. Genau das hält eine Website ohne Webmaster korrekt.

  2. 98 in der Performance

    Statisch, zwei selbst gehostete Schriften, keine Animationsbibliothek, korrekt dimensionierte Bilder. Der beste Performance-Wert des Portfolios – beim kleinsten Budget.

  3. Keine Betriebskosten

    Kein Anwendungsserver, keine Datenbank, kostenloses Hosting. Für einen Verein hängt die Lebensdauer einer Website zuallererst an ihren Kosten.

Suchmaschinenoptimierung

Wie die Website gefunden wird.

  1. Datiertes Event-Markup

    Jede Vorstellung trägt einen Event-Knoten mit Datum, Ort und Buchungslink. Das ermöglicht die Anzeige in den Veranstaltungsergebnissen.

  2. Suchanfragen rund ums Ausgehen

    „Amateurtheater Lyon“, „Theater Lyon dieses Wochenende“, „Theaterworkshop für Erwachsene Lyon“. Drei verschiedene Suchintentionen, drei Seiten.

Barrierefreiheit

Für alle nutzbar.

Seit Juni 2025 schreibt der European Accessibility Act (EU-Richtlinie 2019/882) für einen großen Teil der Online-Dienste digitale Barrierefreiheit vor. Wir berücksichtigen sie schon bei der Konzeption, nicht erst im Nachhinein.

  1. Geprüfter Kontrast auf schwarzem Grund

    94: Das Vorhangrot auf tiefem Schwarz wurde aufgehellt, damit Fließtexte 4,5:1 erreichen. Die letzten Punkte betreffen identifizierte dekorative Elemente.

Seitenstruktur

Was ausgeliefert wurde.

  • Startseite
  • Spielplan
  • Repertoire
  • Workshops
  • Die Compagnie
  • Buchen
  • Kontakt
Methode

Der Projektablauf.

  1. Rahmenbedingungen

    Kein Wartungsbudget: Die Website muss sich selbst aktuell halten.

  2. Design

    Dramatisches Register, Spielplan an erster Stelle.

  3. Entwicklung

    Statisch, automatischer Terminwechsel, kostenloses Hosting.

  4. SEO

    Event-Markup, drei Gruppen von Suchanfragen.

Fragen

Was man uns oft fragt.

Indem man Veralten unmöglich macht, statt auf Wachsamkeit zu setzen. Einmal eingetragene Termine lassen die Aufführungen von selbst vom Kalender ins Repertoire wandern. Die einzige verbleibende Arbeit ist, die nächste Saison einzutragen.

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