Alle Referenzen
Arthouse Kinos · Kultur · Kino

Eine neue Website und ein Ticketshop für Zürichs ikonischste Kinos.

Konzept, Projektleitung und Entwicklung für eine neue Arthouse-Website samt Online-Ticketshop als Ablösung einer in die Jahre gekommenen WordPress-Seite. Das Design ging an Unstated International, die Ticketing-Anbindung entstand gegen eine API ohne brauchbare Dokumentation.

Entwicklung & Monatlicher SupportLaufendSeit 2024Zürich, CH7 Personen, Voll- und Teilzeit
Bis zum Launch
7 Monate
Kinos live
3
Kinosäle
5
Anmeldungen für den Saalplan
Keine
Vorher zwingend
Die Startseite von Arthouse Kinos: links ein grossflächiges Filmbild, rechts das heutige Programm nach Spielzeiten.
Die Arthouse-Startseite: das heutige Programm, direkt aus dem Ticketing-System.

Kontext

Wer sie sind.

Seit 1977 bringt Arthouse Qualitätskino, internationale Filmperlen und preisgekrönte Produktionen in die ikonischsten Kinosäle Zürichs. Heute sind das drei Standorte und fünf Säle in der Stadt. Website und Ticketshop waren die Eingangstür zu allem davon, und beide liefen auf einem WordPress-Aufbau, der das Ende seiner Lebensdauer erreicht hatte.

Das Problem

Womit sie zu uns kamen.

Die Seite musste neu gebaut werden, ohne den Charakter der Marke zu verlieren, und der Ticketshop musste mit einem externen Ticketing-Anbieter sprechen, dessen API XML zurückgab und dessen Dokumentation das meiste ausliess, was wir brauchten. Dazu kam: Der alte Checkout zwang die Leute zur Registrierung oder Anmeldung, bevor sie überhaupt den Saalplan sehen konnten.

Unser Vorgehen

Wie wir gearbeitet haben.

[ 01 ]

Konzept verantwortet, Projekt geführt

Das Konzept für die neue Website und den Online-Ticketshop geschrieben und das Projekt von Anfang bis Ende geführt: Scope, Zeitplan und die Beteiligten. Das Design wurde an Unstated International vergeben und bis zur Lieferung begleitet.

[ 02 ]

Die Dokumentation geschrieben, die der Anbieter nicht hatte

Die externe Ticketing-API lieferte XML und kam mit einer Dokumentation, in der das Wesentliche fehlte. Wir haben die Endpunkte rückwärts erschlossen, eine eigene Referenz dafür geschrieben und die Konverter dagegen gebaut. Aus einem Ratespiel wurde etwas, mit dem das Team arbeiten kann.

[ 03 ]

Schnell gemacht

Jede Vorstellung, jeder Platz, jeder Preis kommt aus einem Fremdsystem. Zwischen diesem System und der Seite sitzt eine Caching-Strategie, damit Seiten sofort ausgeliefert werden, statt auf die API anderer zu warten.

[ 04 ]

Die Schlüssel übergeben

Statamic kam als CMS dazu, integriert mit den Filmdaten des Ticketing-Anbieters. Programmseiten füllen sich selbst; alles andere pflegt das Arthouse-Team eigenständig, ohne uns anzurufen.

Die Platzauswahl bei Arthouse: der vollständige Saalplan des Kinos Le Paris neben einem leeren Ticket-Warenkorb.
Platzauswahl für eine Vorstellung im Arthouse Le Paris. Der ganze Saal ist sofort sichtbar. Kein Konto, keine Anmeldung. Einloggen wird angeboten, nicht verlangt.

Highlights

Die spannenden Teile.

  • Der Saalplan ist sichtbar, bevor man sich registriert. Der alte Checkout verlangte erst eine Anmeldung, bevor man den Saal überhaupt zu sehen bekam.
  • Seiten laden schnell, obwohl jede Vorstellung, jeder Platz und jeder Preis aus einer trägen externen XML-API kommt.
  • Statamic ist mit den Filmdaten des Ticketing-Anbieters verbunden, das Programm hält sich selbst aktuell und das Team pflegt den Rest eigenständig.

Stack

Worauf wir es gebaut haben.

LaravelLivewireStatamicXML-Ticketing-API

Ablauf

Wie es sich entwickelt hat.

Monat 1–2

Konzept

Scope für die neue Seite und den Ticketshop, dazu das Design-Briefing an Unstated International.

Monat 3–4

Integration

Die externe Ticketing-API rückwärts erschliessen, eine eigene Dokumentation dafür schreiben, die XML-Konverter bauen.

Monat 5–7

Bau & Launch

Umsetzung mit Laravel und Livewire, Statamic als CMS, Caching-Schicht, und der Wechsel weg von der alten WordPress-Seite.

Seit dem Launch

Laufend

Support, Wartung und Weiterentwicklung, während sich Kinos und Programm verändern.

Ein ähnliches Problem?

Schauen wir, ob es passt.