March 20, 2024

Die neue BaselLive-Webseite ist online 💪

Die neue BaselLive-Webseite ist online 💪

Die Webseite basellive.ch von StadtKonzeptBasel erstrahlt ab sofort in einem neuen Gewand und wurde komplett mit der Headless CMS-Integration von Flyo entwickelt. Besuchende werden von einem zeitgemässen Design im Magazin-Stil empfangen, das die Vielfalt der Erlebnisstadt Basel auf ansprechende Weise widerspiegelt.

Warum eine neue Seite?

Der letzte technische Relaunch fand im Jahr 2018 statt. Seither hat sich in der Art und Weise, wie Websites aufgebaut sind und genutzt werden, vieles verändert. Mit der Headless CMS-Funktion wurde Flyo mit einem Feature erweitert, welches den Einsatz klassischer CMS obsolet macht. Insgesamt ging es beim Relaunch darum, sowohl optisch aber auch technisch für die Zukunft gerüstet zu sein.

Herausforderungen

  • Aufbau einer neuen Webseite, die heutige & zukünftige Bedürfnisse für eine attraktive Vermarktung der Erlebnisstadt Basel erfüllt

  • Ermöglichen der Verwaltung von Inhalten an einem einzigen Ort, die jedoch an mehreren Stellen der Website wiederverwendet werden können

  • Bereitstellen komplexer Relationen zwischen den Entitäten (Veranstaltungen / Storys / Lokalitäten / Quartiere), die eine flexible Kombination von Inhalten auf der Webseite ermöglichen

  • Minimierung der Anzahl Inhalte, die für die neue Webseite neu erfasst werden müssen

  • Optimieren der Ladezeiten (Site Speed) trotz der grossen Anzahl unterschiedlicher Inhalte

  • Externen Partner via Webseite das Erfassen von Inhalten (z.B. Veranstaltungen) ermöglichen

Lösungen

  • Neue Webseite (Frontend), die auf der Headless CMS-Funktion von Flyo basiert, durch den Kunden vollständig via Flyo-Oberfläche verwaltet werden und flexibel mit neuen Layout-Abschnitten (sog. Komponenten) ergänzt werden kann.

  • Da alle Inhalte für die neue Webseite in Flyo verwaltet werden, ist das Team in der Lage, jeden Inhalt mehrfach auf der Webseite zu verwenden ohne händisch an mehreren Stellen aktualisieren zu müssen. Die bestehenden Kanäle wie Newsletter, Info-Bildschirme im Basler ÖV, Social Media und weitere Webseiten im Ökosystem werden mit der gleichen Datenbasis aus Flyo beliefert.

  • Durch die modulare Datenstruktur in Flyo (strukturierte Daten) können Entitäten flexibel miteinander verknüpft und Informationen ausgegeben werden, die für einen bestimmten Datensatz nicht explizit erfasst wurden. Beispiel: Auf der neuen Webseite kann bei Veranstaltungen der dazugehörende Stadtteil (Quartier) angezeigt werden, ohne dass dieser für jede Veranstaltung erfasst werden muss.

  • Weil Backend (Datenverwaltung) und Frontend (Anzeige) bei Flyo strikt getrennt sind, können Projekte auf bestehender Datenstruktur aufbauen. Alle in Flyo verwalteten Inhalte stehen dabei ab Projektstart zur Verfügung. Davon profitieren der Kunde durch eine viel kürzere Entwicklungszeit.

  • Dank einer einzigen API-Response pro Seite für alle Inhalte ist die neue Webseite rasend schnell. Damit ist Schluss mit unzähligen Datenbankabfragen für die Anzeige einer Webseite.

  • Die Flyo-Integration "Venue" ermöglicht die Datenerfassung und -pflege durch externe Administratoren ausserhalb von Flyo. Dank der einfachen Integration via Embed Code können Partner direkt über die neue Webseite auf ihre Datensätze zugreifen und diese bearbeiten.

Die integrierten Headless CMS-Funktionen in Flyo ermöglichen eine visuelle Bearbeitung der gesamten Webseite direkt in der Benutzeroberfläche von Flyo. Dabei stehen alle Inhalte zur Verfügung, die in Flyo verwaltet werden. Dank einer Live-Vorschau können Änderungen in Echtzeit überprüft werden:

Dank der Trennung von Datenverwaltung (Backend) und Darstellung (Frontend) in Flyo können neue Projekte auf Basis bestehender Inhalte umgesetzt werden. Das ist nicht nur viel schneller, sondern ermöglicht Entwickler:innen auch mit "echten" Daten anstelle von Lorem ipsum-Texten zu arbeiten (links: alte Webseite von BaselLive, rechts: die neue Webseite):

Das Dashboard gibt dem Team eine Übersicht über die Performance von Inhalten und den an Flyo angebundenen Kanälen:

Über StadtKonzeptBasel und BaselLive.ch

StadtKonzeptBasel hat mit seinen 600 Mitgliedern und Partnern das Ziel eine zeitgemässe, vielfältige, attraktive und erlebnisreiche Destination Basel zu fördern und diese nachhaltig zu stärken. StadtKonzeptBasel ist ein Verein von Detaillisten, Gastronomen und Hoteliers, Kultur- und Freizeitbetrieben, Hauseigentümern, Dienstleistern und allen, die mit uns das Ziel verfolgen, die Basler City als Erlebnis-, Genuss- und Einkaufsort zu erhalten und weiterzuentwickeln.

Design: Agentur Schmid & Wolf GmbH, Olten
Technische Entwicklung Frontend: Zephir Software Design AG, Basel
Seitenstruktur & Seitenaufbau: StadtKonzeptBasel, Basel