b_smart Hotelgruppe
B_smart live erleben
Websites auf einer Plattform
Erscheinungsbilder in einem System
Usability- und Funktionstests
Jahr Projektlaufzeit für 25 Websites
Fokus auf Markenführung & Skalierbarkeit
Wie transformiert man das Hotelerlebnis in die digitale Welt, ohne dass dabei die Persönlichkeit verloren geht? Genau diese Herausforderung durften wir gemeinsam mit b_smart lösen: von der Neuentwicklung einer flexiblen, digitalen Markenwelt bis zur technischen Orchestrierung eines Systems, das heute mehr als 20 Hotels und Motels verbindet. Und das für eine Marke, die Digitalisierung lebt: Bei b_smart checken Gäste selbst ein, die Website ist oft der erste und wichtigste Gastgeber.
Am Anfang standen ein veraltetes, schwerfälliges CMS, isolierte Einzelsysteme und uneinheitliche Markenauftritte. Am Ende sollte eine Plattform stehen, auf der Redaktion, Marketing und Entwicklung zentral arbeiten, jede Marke eigenständig bleibt und neue Standorte schnell online gehen. Dafür haben wir in einem einjährigen Transformationsprojekt 25 Websites in zwei Sprachen und vier Erscheinungsbildern neu aufgebaut.
Digit-One überzeugte durch Präzision, Kundenorientierung und exzellentes Projektmanagement
Digit-One vereint Präzision, eine rasche Auffassungsgabe sowie die für die Hotellerie unerlässliche Sichtweise des Kunden. Trotz hoher Komplexität unseres Projekts fühlten wir uns stets top betreut und schätzten das professionelle Projektmanagement. Agile Handlungen und kurzfristige Anpassungen im Sinne der Sache wurden umgehend im Team gespiegelt und entsprechend dokumentiert. Die Kommunikation war auch unter zeitlichem Druck zielführend und wertschätzend. Wir sind froh, mit Digit-One den richtigen Partner für unser anspruchsvolles Projekt gewählt zu haben und würden den Weg wieder gleich gehen.
Heinrich Toldo
Verwaltungsrat @ b_smart
Gemeinsam zum richtigen Setup: schnell, fokussiert, markengerecht
In einem intensiven Design Sprint und begleitenden Konzeptworkshops haben wir gemeinsam mit dem Team die Grundlage gelegt: Anforderungen, Zielgruppen, Markenwerte und digitale Ziele strukturiert analysiert, priorisiert und in ein modulares Konzept übersetzt. Mehr als 150 Usability- und Funktionstests haben die Entscheidungen abgesichert, vom Buchungseinstieg bis zur Navigation. Nach dem Go-live folgte ein weiterer Test mit echten Hotelgästen. Das Ergebnis: ein klares Zusammenspiel aus Strategie, Design und Technologie, gebaut für die Hotelgruppe und skalierbar für jede weitere Instanz.
Danach ging es iterativ weiter: Entwicklungssprints mit laufender Abnahme, parallel der Aufbau der Content-Pipeline, ein Pilot-Launch und der schrittweise Rollout der Standorte über mehrere Monate. Alle Beschlüsse hielten wir in einem zentralen Decision Book fest, damit alle Beteiligten jederzeit denselben Stand vor Augen hatten.
Eine neue digitale CI/CD: Wiedererkennbar. Wiederverwendbar. Weitergedacht.
Die Häuser von b_smart haben eine starke Identität, und die bleibt, wie sie ist. Für die Websites haben wir diese Identität digital neu interpretiert: ein Brand Facelift, das Farben, Typografie und Komponenten in ein modernes, flexibles Designsystem übersetzt. Alles greift ineinander und lässt sich für jedes einzelne Haus adaptieren. Der Look bleibt über die ganze Gruppe hinweg erkennbar, der Charakter jedes Hauses individuell. Alle Farbwelten leiten sich aus der Muttermarke ab, Modulaufbau, Templates und Animationen bleiben konstant, und einzelne Farben wurden gezielt abgedunkelt, um die Kontraste für die Barrierefreiheit zu maximieren.
Websitebaukasten? Eher ein Storytelling-Instrument
Auf Basis eines modularen Designsystems haben wir eine Website-Architektur geschaffen, die mehr ist als nur funktional. Sie erzählt Geschichten. Jede Seite ist ein Erlebnis. Mit Storyblok CMS werden Inhalte redaktionell gepflegt, ohne Grenzen, ohne starres CMS-Korsett. Ob Motel in der Großstadt, Hotel in den Bergen oder am Bodensee: Die Plattform passt sich an. Schneller Seitenaufbau, flüssige Interaktionen, mobile first und barrierefrei bis ins Detail, mit anpassbarer Schriftgröße und Kontrast-Modus direkt im Header jeder Website.
Gebaut für die Redaktion
Im Visual Editor sieht die Redaktion jede Änderung sofort in der Vorschau. Rollen und Rechte legen fest, wer was bearbeiten darf, Pflichtfelder und klare Anweisungen verhindern Fehler, und ein ausführliches Benutzerhandbuch holt neue Teammitglieder ab. In Pre-Production-Umgebungen lassen sich Inhalte vor der Veröffentlichung testen, weitere Sprachen lassen sich einfach ergänzen.
Globale Inhalte, lokalisiert verfügbar
Wichtige Informationen, Angebote, Policies oder Jobs werden zentral gepflegt und dort ausgespielt, wo sie gebraucht werden. Dafür sorgen eine Ordnerstruktur für globale und standortspezifische Inhalte und globale Modulblöcke, die sich an jeder Stelle einbinden lassen. So entstehen konsistente Erlebnisse für die Gäste und effiziente Workflows für die Redaktion. Eine Win-Win-Situation, ganz ohne Copy-Paste-Chaos.
Launch neuer Websites in Stunden statt in Tagen
Die Architektur ermöglicht den unkomplizierten Launch neuer Hotelwebsites. Sowohl Storyblok CMS als auch das Cloud-hosted Next.js Frontend skalieren dynamisch. Kosten und interne Aufwände für neue Websites sind daher gering. Ein zentraler Zugang ermöglicht die effiziente Verwaltung aller Websites und globaler geteilter Inhalte. Neue Features und Optimierungen gehen zeitgleich für alle Websites live.
Buchen, wo andere scrollen
Die integrierte Buchungsstrecke ist tief im Erlebnis verankert. Sie ist kein Add-on, sondern organischer Bestandteil des Storytellings. Gäste buchen direkt dort, wo sie es erwarten: zentral im Hero der Startseite, auf den Zimmerdetailseiten oder von überall aus über die Navigation. Auch Gutscheine, Restaurant und Angebote sind nur einen Klick entfernt. Bei einer Marke, in der Gäste selbst einchecken, muss die digitale Journey vom ersten Klick bis zur Zimmertür funktionieren. Genau dafür ist sie gebaut.
So geht ein neuer Standort live
Eine neue Hotelwebsite ist in wenigen Stunden eingerichtet, ohne einen Eingriff in den Code:
- In Storyblok wird die Website konfiguriert und aus dem Starter-Gerüst angelegt.
- Eine Pre-Production-Domain wird per DNS mit dem passwortgeschützten Pre-Production-Frontend verbunden.
- Die Redaktion pflegt die Inhalte und testet sie dort vor der Veröffentlichung.
- Zum Go-live wird die Konfiguration in Storyblok umgestellt und die Production-Domain per DNS mit dem Production-Frontend verbunden.
Dahinter steht eine einzige Storyblok-Instanz als Backend für alle Websites, ein Production-Frontend bildet alle Domains ab. Neue Features laufen zur Abnahme über eine Staging-Stufe und anschließend durch einen automatisierten Release-Prozess. Entwickelt wird nach Git-Flow auf einer zentralen Code-Basis für alle Websites.
KI für Content, der fühlt, was Gäste suchen
Mit KI-Unterstützung werden Inhalte intelligent aufbereitet. Grundlage ist eine KI-Content-Pipeline, die Texte teilautomatisiert aus der Unternehmenssprache, der CMS-Struktur und den Datenblättern der Häuser erzeugt. Das spart der Redaktion Zeit und hebt die Qualität: von automatisierten Bildunterschriften über SEO-optimierte Texte bis zu Inhalten, die sich daran orientieren, was Gäste wirklich suchen. Der Content wird nicht nur schöner, sondern auch klüger.
Ein Frontend-Theme, viele Erscheinungsbilder
Was wie eine Hommage an die Vielfalt aussieht, ist technisch ein echtes Kunststück: Wir haben ein zentrales Frontend-Theme entwickelt, das sich dynamisch auf die jeweilige Hotelmarke anpasst. Farbwelten, Typografie, Bildsprache, Content-Module: alles zentral steuerbar, aber lokal inszeniert. Das Erscheinungsbild wird pro Website mit einer einzigen Einstellung gewählt, die Wartung bleibt schlank, der Auftritt stark. So entstehen unterschiedliche Nutzererlebnisse für b_smart Hotels & Motels, flexy.motels und sämtliche Hotels by b_smart.
Eine Plattform, viele Domains
Hinter den Kulissen arbeitet eine Multisite-Architektur, die jede Anfrage intelligent auflöst: Eigene Domains und Subfolder werden zentral auf die richtige Website gemappt, jedes Haus bekommt seinen eigenen Auftritt, ohne eigene Infrastruktur. Das Cloud-gehostete Next.js Frontend skaliert dynamisch mit, egal ob ein Haus gerade in der Hochsaison ist oder zwanzig gleichzeitig. Für die Redaktion fühlt sich alles wie ein System an. Für Gäste wie die Website ihres Hotels.
Was technisch anspruchsvoll war
Eine Plattform für viele Domains bringt eigene Hürden mit: Routing im Multi-Domain-Setup, interne Referenzen und Link-Resolving, dynamisches Templating für die Zimmerseiten und ein durchdachtes Caching. Dazu kam, Flexibilität und Einfachheit im Gleichgewicht zu halten, während laufend neue Features entstanden und getestet wurden. Eine klare Struktur in Storyblok war dafür entscheidend.
Das Ergebnis
Eine Plattform, die mehr als 20 Hotels und Motels verbindet und trotzdem jedes Haus eigenständig wirken lässt. Neue Websites gehen in Stunden statt Tagen live, Features und Optimierungen erreichen alle Häuser gleichzeitig, und ein zentrales Team pflegt Inhalte ohne Copy-Paste-Chaos. Die Plattform wächst seither weiter, Haus für Haus und Funktion für Funktion. Und sie zeigt: Digitale Skalierung funktioniert am besten, wenn die Marke dabei nicht verwässert, sondern schärfer wird.
Die Plattform erfüllt die Kriterien für Barrierefreiheit und Performance, die Akzeptanz in der Redaktion ist hoch, und das Projekt wurde mit dem German Web Award ausgezeichnet. Das Fundament ist gelegt für personalisierte Gästeerlebnisse und datengetriebenes Marketing, die Weiterentwicklung von Designsystem, Content-Pipeline und Brand Governance steht auf der Roadmap.
Was wir aus dem Projekt mitnehmen
Drei Erkenntnisse, die sich auf andere komplexe Digitalisierungsprojekte übertragen lassen:
- Stakeholder früh einbinden, auch entfernte wie Fachbereichsleitungen: Das schafft Akzeptanz und bringt jede Perspektive von Anfang an ins Projekt.
- Am Anfang ein ausführliches Konzept erarbeiten, mit technischem Konzept, klaren Anforderungen und sauberem Scoping: Das senkt das Projektrisiko erheblich.
- Qualitätssicherung über den gesamten Projektverlauf ziehen, nicht erst am Ende.
Wie das Projekt Schritt für Schritt ablief, zeigt das Whitepaper im Detail, mit Designsystem, Architekturdiagrammen und allen Learnings.
