Ausgangslage
Das Cinema Claudia in Kloten wollte seine bisherige, technisch in die Jahre gekommene Webseite durch einen zeitgemässen Auftritt ersetzen, der die Stimmung eines Kinobesuchs vermittelt. Gefragt war ein dunkles Design mit gezielten Effekten statt Überladung. Gleichzeitig sollte das Kinoteam Programm, Menüs und Inhalte weiterhin selbst pflegen können, ohne für jede Anpassung auf externe Hilfe angewiesen zu sein.
Vorgehen und Lösung
In enger Abstimmung mit dem Cinema Claudia entwickelten wir mit Elementor Pro und individueller WordPress-Programmierung ein passendes Erscheinungsbild: Neon-Gold (direkt vom Logo der Kinofassade übernommen) auf dunklem Hintergrund, kombiniert mit Bebas Neue für Headlines und Work Sans für Fliesstext.
Herzstück ist das Kinointro auf der Startseite. Es ist ein choreografierter Ablauf aus Filmkorn-Effekt, Projektor-Flackern auf dem Titel und einem sich langsam verdunkelnden Hero-Bild, der sich beim Verlassen des Sichtbereichs automatisch beruhigt. Für die Fotogalerie entstand ein individueller Slider im Filmplakat-Look, für Highlights ein Feature-Grid im Ticket-Stub-Design.
Das bestehende Kinoprogramm wird weiterhin über eine externe Programm-Anzeige eingebunden, ergänzt um eine massgeschneiderte Ladeanimation, damit die Anzeige auch auf Mobilgeräten fehlerfrei funktioniert. Technisch basiert die Seite auf wiederverwendbaren Bausteinen für Header, Footer und Grundeinstellungen, sodass neue Inhalte automatisch im gleichen Look erscheinen.
Kompetenzen und Besonderheiten
- Custom Webdesign mit Elementor Pro und PHP-Programmierung
- Individuelle Animationstechnik (Filmkorn, Flacker-Effekt, Overlay-Fade) in CSS umgesetzt
- Eigene visuelle Komponenten: individueller Filmplakat-Slider, Ticket-Stub-Feature-Grid
- Technisches Fundament aus wiederverwendbaren Bausteinen für langfristige Wartbarkeit
- Umsetzung eines massgeschneiderten Tools für Raumreservierungen
Nutzen für die Kundin beziehungsweise den Kunden
- Besuchende spüren die Kino-Atmosphäre schon beim Seitenaufruf, dank des stimmungsvollen Kinointros.
- Das Kinoteam pflegt Programm, Menüs und Inhalte selbstständig, ganz ohne Programmierkenntnisse.
- Neue Seiten und Inhalte folgen automatisch dem einmal definierten Erscheinungsbild, was die Seite auch nach dem Launch wartbar hält.
Die Webseite ist live unter www.cinema-claudia.ch.
