20.3.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