Kultur & Bühne

Art Scénic

Die kostenlose Probestunde war das Angebot: Die ganze Website führt dorthin.

Jahr
2026
Umsetzung
3 Wochen
Stack
React · Vite · Tailwind · Framer Motion · Vercel
  • Design
  • Entwicklung
  • Conversion-Funnel
  • Lokales SEO

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

https://velvet-stage-arts-main.vercel.app/
Startseite der Website Art Scénic — Kultur & Bühne, erstellt von Kayzen Web
Lighthouse-Performance
97/100
einziger Call-to-Action
1
Felder für eine Probestunde
4
Die Ausgangslage

Was gelöst werden musste.

Der Kontext

L'Art-Scénic ist eine Theatercompagnie aus Écully, gegründet von Anne Kravz-Tarnavsky, die Aufführungen sowie Workshops für Kinder und Erwachsene anbietet.

Die Einschränkung

Die Anmeldungen zu den Workshops entscheiden sich in drei Wochen im September. Den Rest des Jahres muss die Website die Bekanntheit pflegen. Der eigentliche Auslöser einer Anmeldung ist weder der Preis noch das Programm, sondern die Probestunde: Sie nimmt die Scheu, auf die Bühne zu gehen.

Die Antwort

Die kostenlose Probestunde wird zur einzigen Handlung der Website. Alles führt dorthin: die Startseite, jede Workshop-Seite, die Galerie. Das Formular ist kurz, der Termin wird direkt vorgeschlagen. Der Spielplan bleibt präsent, aber im Hintergrund.

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

Jede gestalterische Entscheidung – und ihr Grund.

  1. Eine Handlung, überall

    „Kostenlose Probestunde buchen“ ist der einzige Call-to-Action der Website. Konkurrierende Buttons teilen die Aufmerksamkeit – und mit ihr die Conversion-Rate.

  2. Getrennte Workshops für Kinder und Erwachsene

    Zwei Zielgruppen, zwei Hemmschwellen, zwei Argumentationen. Eltern melden ihr Kind an; ein Erwachsener meldet sich selbst an – die zweite Entscheidung ist viel schwieriger und braucht andere Worte.

  3. Eine Galerie, die Laien zeigt

    Die Fotos zeigen Teilnehmende im Workshop, keine Profischauspieler. Erst die Möglichkeit, sich selbst darin zu sehen, löst die Anmeldung aus.

Farbpalette des Projekts

  • Samt

    #5B2233

    Identität

  • Sand

    #F4EDE3

    Hintergrund

  • Tinte

    #1E1A1B

    Text

  • Messing

    #B08D4A

    Akzente

Typografisches System

Überschriften

Cormorant Garamond 600

Fließtext

Inter 400

Theatralisch, aber ohne Pathos: Die Compagnie spricht Laien an, keine Kritiker.

Engineering

Was unter der Haube steckt.

  • React
  • Vite
  • Tailwind
  • Framer Motion
  • Vercel
  1. 97 in der Performance – trotz Animationen

    Framer Motion wird nur auf Seiten geladen, die animieren, und alle Animationen sind deaktiviert, wenn der Nutzer reduzierte Bewegung eingestellt hat.

  2. Minimales Formular für die Probestunde

    Vorname, Kontakt, gewünschter Termin, Workshop. Vier Felder: Alter, Niveau und Motivation abzufragen, hätte aus einer Anmeldung einen Antrag gemacht.

Suchmaschinenoptimierung

Wie die Website gefunden wird.

  1. „Theaterkurs Écully“, „Theaterworkshop Kinder Lyoner Westen“

    Suchanfragen mit Ortsbezug und einer sehr ausgeprägten Spitze im August und September. Die Seiten sind lange vor der Saison bereit.

  2. Course- und Event-Markup

    Die Workshops sind Course-Objekte mit Zeitplan, die Aufführungen datierte Events. Zwei verschiedene Typen für zwei verschiedene Realitäten.

Seitenstruktur

Was ausgeliefert wurde.

  • Startseite – Probestunde
  • Workshops für Kinder
  • Workshops für Erwachsene
  • Aufführungen
  • Galerie
  • Die Compagnie
  • Probestunde buchen
Methode

Der Projektablauf.

  1. Analyse

    Die Probestunde als einziger Auslöser identifiziert.

  2. Design

    Eine einzige Handlung, zwei Workshop-Zielgruppen, Galerie mit Laien.

  3. Entwicklung

    Bedingte Animationen, Formular mit vier Feldern.

  4. SEO

    Suchanfragen mit Ortsbezug, Course- und Event-Markup.

Fragen

Was man uns oft fragt.

Im Gegenteil: Genau das lässt die Website funktionieren. Wenn alle Seiten zur selben Handlung führen, hat jeder Besuch eine Chance zu konvertieren. Drei konkurrierende Buttons erzeugen dreimal Zögern.

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.

Teilen