Relaunch Hofbräu München und Franchise

Über das Staatliche Hofbräuhaus in München

Hofbräu München ist eine der weltweit renommiertesten Biermarken und symbolisiert traditionelle Braukunst, die perfekt auf die Wünsche moderner Genießerinnen und Genießer abgestimmt ist. Neben der Bierherstellung umfasst das Geschäftsfeld auch die Verpachtung von Gastronomiebetrieben, darunter der „Hofbräukeller“, sowie ein internationales Franchisesystem.

Mothership unterstützt die traditionsreiche Brauerei mit über 400 Jahren Geschichte bei ihrem Schritt in die digitale Zukunft.

https://www.hofbraeu-muenchen.de

Die Herausforderung beim Hofbräu München Relaunch

Hofbräu München und die Franchise-Unternehmen nutzen ein einheitliches Design, das jedoch in bestimmten Features gezielt variiert. Während der gesamten Laufzeit des Relaunch-Projekts durfte die Live-Umgebung nicht beeinträchtigt werden, da die Websites kontinuierlich mit neuen Inhalten aktualisiert wurden. Diese neuen Inhalte mussten jedoch nahtlos mit dem neuen Design harmonieren, um ein konsistentes Nutzererlebnis beim Go-Live zu gewährleisten.

Der Relaunch wurde phasenweise umgesetzt: Zunächst wurden die Websites der Franchise-Unternehmen überarbeitet, bevor schließlich die Hauptseite von Hofbräu München selbst angepasst wurde.

Mit dem Relaunch setzt Hofbräu München auf den Layout Builder, der eine wesentlich effizientere Pflege von Inhalten ermöglicht. Im Vergleich zum bisherigen System bietet der Layout Builder den Vorteil, dass Inhalte bereits während der Bearbeitung im Backend in einer Live-Vorschau angezeigt werden, wodurch die Darstellung im Frontend besser kontrolliert werden kann. Die Franchise-Unternehmen nutzen derzeit eine Mischform aus Layout Builder-Inhalten und älteren Strukturen. Dies führt teilweise noch zu redundanten Codes, die kontinuierlich überprüft und optimiert werden müssen.

Trotz der zahlreichen neuen Funktionen, umfangreichen Inhalte mit Bildern und Videos stand die Performance stets im Fokus. Um eine hohe Geschwindigkeit sowohl für mobile als auch für Desktop-Nutzer zu gewährleisten, wird die Performance kontinuierlich optimiert.

Projektumfang

Modernisierung des einheitlichen Auftrittes von Hofbräu München und den Franchise Seiten

Ein zentrales Ziel des Projekts war die Vereinfachung der Benutzerführung. Hierzu wurden Inhaltsbereiche zusammengelegt oder neu angeordnet. Textinhalte wurden durch den Einsatz hochwertiger Bilder und Videos visuell aufgewertet.

Das grundsätzliche Design wurde modernisiert, um weniger starr zu wirken und die strengen Formen aufzulockern. Organische Formen und abwechslungsreiche Komponenten sorgen für eine dynamischere Gestaltung. Diese Neuerungen schaffen eine visuell ansprechende Website, die den Nutzer zum Entdecken einlädt.

Interaktive Elemente spielen ebenfalls eine zentrale Rolle um die Interaktion des Nutzers zu erhöhen. Animierte Effekte tragen dazu bei, eine explorative Benutzererfahrung zu fördern, wodurch die Verweildauer auf der Website gesteigert wird.

Auch die Formularfunktionalität wurde optimiert: Durch eine integrierte Validierung werden Fehlereingaben reduziert, was den Supportaufwand für Hofbräu München und die Franchisenehmer minimiert.

Shared Content

Ein weiterer Schwerpunkt des Projekts lag auf der Einführung eines Shared-Content-Systems. Inhalte wie die Seite „Tradition“ müssen nur noch einmal gepflegt und können anschließend unter den verschiedenen Websites geteilt werden. Dies reduziert den Pflegeaufwand erheblich und sorgt für Konsistenz in der Darstellung.

Umbau der Seiten auf Layout Builder

Die bisherige Umsetzung sah eine eher starre Struktur vor, die zwar die Fehleranfälligkeit für Content Creator reduzierte, jedoch wenig Flexibilität bei der Erstellung neuer Seiten mit abweichendem Design bot.

Um diese Einschränkungen zu überwinden, wurde der Layout Builder eingeführt. Es wurden zahlreiche vordefinierte Layout-Komponenten entwickelt, die jeweils über spezifische Eigenschaften verfügen. Diese Komponenten können flexibel auf den Seiten platziert werden, was eine größere Vielfalt in der Seitengestaltung ermöglicht.

Ausblick

Auch nach dem Relaunch wird die Website kontinuierlich weiterentwickelt. Im Rahmen agiler Prozesse sind zusätzliche Komponenten in Planung, darunter eine neue Seite für Gewinnspiele.

Zukünftige Updates umfassen den Umstieg auf Drupal 11 sowie die Migration des CKEditors von Version 4 auf 5 inklusive speziell an die Bedürfnisse gerichtete Erweiterungen. 

Darüber hinaus sollen weitere Animationen hinzugefügt werden, um die Interaktion der User weiter zu erhöhen und die Website organischer und somit lebendiger wirken zu lassen.

Die Mehrsprachigkeit der Franchise-Websites und die vollständige Umstellung aller Unterseiten auf den Layout Builder stehen ebenfalls auf der Agenda.