bluecinema.ch logo

Die Kinoerfahrung bei blue Cinema neu gedacht

Centralsoft hat bluecinema.ch zu einer modernen Plattform für Kinobesucher umgebaut – schnell, intuitiv und nahtlos integriert mit Programmdaten, Ticketing und Mitgliedschaften. Die Transformation gab der Redaktion echte Autonomie, synchronisierte Programmdaten mit dem, was Kunden online sehen, und schuf einen klaren, mobiloptimierten Buchungsfluss.

bluecinema.ch
Die Kinoerfahrung bei blue Cinema neu gedacht

Überblick

blue Cinema, betrieben von blue Entertainment (Swisscom), ist eines der führenden Kinonetze der Schweiz. Mit Dutzenden Standorten, Premiumformaten wie IMAX und 4DX und einer großen Basis an Stammkunden musste das digitale Erlebnis die Qualität und Größe der Marke widerspiegeln. Vor dem Projekt lief die Website auf WordPress. Das Content-Management war eingeschränkt, Marketing-Updates dauerten zu lange und veröffentlichte Spielzeiten konnten von den zentral gepflegten Plänen abweichen. Der Großteil der Nutzer kam über mobile Endgeräte – das Entdecken von Filmen, Vorführungen, Sitzplätzen und der Checkout waren jedoch umständlich. Programme wie blue Cinema Club und Rewards wurden in der Nutzerreise nicht klar genug hervorgehoben. Bis Mitte 2024 brauchte blue mehr als ein Redesign: eine einheitliche Plattform, die redaktionelles Storytelling mit Echtzeit-Programmdaten verbindet, einen End-to-End-Buchungs- und Sitzplan-Flow bietet und Mitgliedschaften sowie Wallets an einem Ort zusammenführt. Centralsoft leitete das komplette Replatforming: Headless-CMS, modulares Frontend und API-Integrationen, die Daten aus dem Head-Office-Tool ins CMS und weiter ins Frontend bringen.

Cover image

Problems

  • WordPress machte Updates langsam und unflexibel (Redaktion & Frontend).
  • Programme, Spielzeiten, Preise und Verfügbarkeiten waren nicht immer mit dem Head-Office-Tool synchron.
  • Der mobile Buchungsfluss war fragmentiert; die Sitzplatzwahl nicht eindeutig.
  • Mitgliedschafts-Tiers, Rewards und Gutscheine wurden nicht zum richtigen Zeitpunkt angezeigt.
  • Im Account waren Tickets, Gutscheine, Geschenkkarten und Mitgliedschaften nicht konsolidiert.
  • Kino und Eventseiten wurden schlecht indexiert, was zu geringer Auffindbarkeit führte.

Solutions

  • Migration zu Livingdocs (Headless CMS) mit modularen Bausteinen und schneller Veröffentlichung.
  • Aufbau eines React/Next.js-Frontends für responsive Seiten, schnelles Rendering und konsistentes Design.
  • Echtzeit-APIs: Filme, Screenings, Sitzverfügbarkeit, Ticketkategorien und Preise spiegeln die Head-Office-Konfiguration.
  • Buchungsfluss von Discovery bis Checkout neu gedacht: klare Sitzpläne, weniger Schritte, Mobile-First.
  • Wallet & Account Dashboard: Tickets, Mitgliedschaften, Gutscheine und Geschenkkarten an einem Ort.
  • SEO-Boost (technisch & redaktionell): strukturierte Inhalte, saubere URLs, suchfreundliche Templates.
jule

Working with Centralsoft has been a game-changer. They helped us completely reimagine and relaunch bluecinema.ch with a modern, scalable, and high-performance architecture. Beyond technical excellence, what truly sets Centralsoft apart is their collaborative spirit, proactive mindset, and ability to simplify complexity. They don't just deliver - they think ahead with us.

Jule Aderholz

Head of Digital at blue Entertainment AG (Swisscom Schweiz AG)

(Swisscom Schweiz AG)

Ergebnis & Wirkung

Was als Redesign begann, wurde zur strategischen Transformation. Centralsoft hat bluecinema.ch von den Redaktions-Workflows bis zu den Echtzeit-Integrationen vollständig neu aufgebaut – modern, skalierbar und zukunftsfähig. Im Kern migrierten wir die Redaktion auf Livingdocs. Arbeit, die früher Stunden dauerte, geschieht nun in Minuten. Kino und Eventseiten, saisonale Kampagnen und lokale Highlights gehen ohne Entwicklerunterstützung live – dank wiederverwendbarer Module, die Marken­konsistenz und eine schnelle Time-to-Market sicherstellen. Die Datensynchronität ist zuverlässig: Programmdaten fließen automatisch vom Head-Office-Tool ins CMS und Frontend. Weniger Doppelarbeit, mehr Autonomie, verlässliche Auslieferung – auch bei Premieren oder Feiertagen. Im Frontend sorgt eine responsive Architektur mit mehreren APIs für dynamische Inhalte: Spielzeiten, Sitzplätze, Preise und Member-Vorteile pro Region. Der Buchungsfluss ist komplett neu – mobil zuerst, klar und reibungslos. Das Wallet vereint nach dem Kauf alles Wertvolle: Tickets, Mitgliedschaften, Gutscheine und Geschenkkarten. Nutzer behalten den Überblick, verstehen Vorteile und können ihre Mitgliedschaft bei Bedarf upgraden. Performance & Zukunftssicherheit: Fallbacks bei API-Schwankungen, starke SEO für Kino und Eventseiten sowie gemeinsame CMS-/API-Verträge für Web und native Apps schützen die Investition langfristig.

Schnellere Ladezeiten und eine bessere Mobile-UX führen zu weniger Abbrüchen. Stabilere Conversion von Showtime bis Checkout – auch zu Peak-Zeiten. Redaktionelle Updates gehen innerhalb von Stunden live. Bessere Indexierung und klarere Account-Ansichten sorgen für mehr Sichtbarkeit und weniger Supportaufwand.

f1 movie

Buchungsflow & Ticket Erlebnis

Die Journey wurde auf Klarheit und Tempo getrimmt: Start mit Discovery, Filter nach Kino, Datum, Region oder Format; strukturierte Zeitblöcke für Screenings. Der Sitzplan spiegelt den realen Saal, aktualisiert in Echtzeit und macht Verfügbarkeit sofort sichtbar. Ticketkategorien & Aktionen in verständlicher Sprache; Mitgliedervorteile greifen automatisch bei Login. Der Checkout minimiert Schritte und zeigt nur Relevantes pro Screen. Nach Abschluss liegen die Tickets sofort im Wallet (QR-Code inklusive); bei Reservierungen werden Status & Frist klar angezeigt.

football event

Film Showcase & Discovery

Start und Landingpages kombinieren redaktionelle Kuratierung mit Live-Daten. Grids/Slider lassen sich für Filmevents, Opernächte, Sportübertragungen kuratieren und ziehen dennoch Spielzeiten & Essentials per API. Detailseiten zeigen Synopsis, Trailer, Cast, Altersfreigabe, verfügbare Formate je Kino und die zugehörigen Screenings. Redakteur:innen ergänzen Highlights, ohne die Datenbindung zu verlieren – informativ und korrekt.

Project showcase

Mitgliedschaften

Mitgliedschaften sind Teil der Journey, nicht nachgelagert. Rewards und blue Cinema Club werden zum richtigen Zeitpunkt sichtbar; das Web unterstützt die Umstellung auf Solo, Duo und Family. Nutzer verstehen Vorteile und Preise, können für sich selbst oder als Geschenk kaufen und sehen alles im Wallet. Während des Ticketkaufs sind anwendbare Vorteile klar ersichtlich – das fördert Nutzung und Wiederkehr.

Membership

Konto & Wallet

Das Wallet bündelt alles Relevante: Tickets & Reservierungen mit Status, Sitz & Screening, QR-Code; Geschenkkarten & Gutscheine mit Saldo und Ablauf; Mitgliedschaften mit Tier, Gültigkeit, Benefits. Der Account ist mobilfreundlich und auf Self-Service ausgelegt.

Account and Wallet

Architektur & Seitentypen

bluecinema.ch kombiniert Strategien: Manche Seiten sind Frontend-only (z. B. Film-Übersicht & Detail) und rendern allein aus importierten Daten. Andere sind CMS-Seiten mit dynamischen Komponenten. Eine Kinoseite kann im CMS aufgebaut sein, enthält aber Platzhalter für Film-Grids oder Sitzpläne, die live per API befüllt werden. Das Hybrid-Modell verbindet redaktionelle Freiheit mit Programmgenauigkeit.

Architecture and page types

Timeline

Unser Weg zum Produkterfolg bedeutet nicht nur Features zu launchen, sondern nachhaltige Lösungen zu schaffen, die echten Mehrwert bringen.

  • Juni–Juli 2024

    Kick-off & Design-Abgleich

    Projektstart mit blue Entertainment. Figma-Designs finalisiert, Ziele geschärft, technische Roadmap für den Neuaufbau definiert.

  • Aug–Dez 2024

    Core-Build & Integration

    Modulare Frontend-Architektur mit Livingdocs umgesetzt. API-basierte Importe für Filme & Screenings verbinden Frontend-only- und CMS-Seiten mit dynamisch filterbaren Inhalten. Umfang im Herbst/Winter um weitere Business-Features erweitert.

  • Jan–März 2025

    Finalisierung & Launch-Readiness

    Weiterentwicklung, QA, Performance-Optimierung, UX-Verfeinerungen. API-Integrationen gehärtet, CMS-Workflows validiert.

  • April 2025

    Launch von bluecinema.ch

    Neues Zusammenspiel aus CMS-Content und Echtzeit-APIs live. Importierte Film-/Screening-Daten treiben dynamische Darstellungen und regionale/technische Filter – Basis für Native App & Events gelegt.

  • Mai 2025 – Aug. 2025

    Native-App-Entwicklung

    iOS- und Android-Apps mit Mix aus nativen Flows und WebViews für CMS-Seiten. Web-Features werden app-gerecht adaptiert (z. B. Bottom-Sheets); CMS-Updates spiegeln sich automatisch in der App.

  • Juni 2025

    Premium-Mitgliedschaften

    Umstellung vom bisherigen blue Cinema Club auf Solo, Duo, Family. Kauf-Flows, Account-Ansichten und Journeys im Web aktualisiert; passende Adaptionen in der App.

  • December 2025

    Launch der Native Apps

    Start der neuen iOS- & Android-Apps mit konsistenter, moderner Booking- & Browsing-Experience über Web und Mobile – auf derselben CMS-/API-Basis.

Book a free consultation & Let’s unlock your next move

Dibran Isufi

Dibran Isufi

CEO