The Student Hotel bringt hybrides Co-Living und Co-Working auf mobile Geräte

The Student Hotel (TSH) hatte bereits eine starke Persönlichkeit, einen unverwechselbaren Tonfall und ein hybrides Co-Living- und Co-Working-Konzept, das die Hotelbranche aufmischte. Doch sie brauchten einen Partner, der ein bedeutungsvolles Erlebnis über ihr gesamtes digitales Ökosystem hinweg übersetzen und umsetzen konnte.

Als Pionier eines hybriden Modells der nächsten Generation im Gastgewerbe ist TSH ein urbaner Erneuerer. Sie arbeiten mit Städten zusammen, um neue Gemeinschaften zu schaffen, die auf einer Mischung aus Co-Living-, Studierenden- und Hotelunterkünften basieren – ergänzt durch Co-Working-, Privatbüro- und Konferenzräume sowie bereichert durch Lifestyle-Angebote in den Bereichen Wellness, Unterhaltung, Events, Bar und Restaurant.

TSH musste sein digitales Erlebnis neu definieren und die Infrastruktur auf Enterprise-Standardlösungen umstellen – als Reaktion auf schnelles Wachstum und einen zunehmend komplexen Produktmix. Entscheidend war, dass die neue Infrastruktur skalierbar und robust sein und innovative digitale Erlebnisse ermöglichen musste, die nahtlos mit physischen Umgebungen verschmelzen. Dies sollte nachhaltigen Wettbewerbsvorteil, Resilienz und Wachstum vorantreiben.

Community steht im Mittelpunkt von allem, was TSH tut – von der Art, wie Gebäude errichtet werden, bis hin zur Art, wie Menschen sie erleben. Von den Studierenden, die dort leben, über Wochenendreisende, Co-Worker, Kaffeegenießer bis hin zu allen dazwischen – sie alle sind Teil der Complete Connected Community. Die vom neuen digitalen Ökosystem angetriebenen Erlebnisse mussten dies widerspiegeln und fast eine Million aktuelle und ehemalige Co-Living- und Co-Working-Gäste verbinden. Das Ziel war es, das Beste der digitalen Welt zu nutzen, um Grenzen aufzuheben und ein Gemeinschaftsgefühl zwischen all jenen zu schaffen, die sich als „Student at Heart" verstehen.

Optimizely-Partner Rufus Leonard setzte seinen Experience-Playbook-Prozess ein, um eine inspirierende Blaupause für das branchenführende digitale Erlebnis von The Student Hotel zu entwickeln. Das Experience Playbook erfasst eine kundenzentrierte, markengeführte und technologiegestützte Vision. Es ist ein Werkzeug, das Geschäftsstrategien in bedeutsam differenzierte Kundenerlebnisse übersetzt. Neben seiner Funktion als inspirierender „Nordstern" bietet das Experience Playbook auch weiterhin Mehrwert als Instrument, das TSH-Stakeholder im Austausch mit Investoren und Partnern nutzen können, während das Unternehmen wächst.

Durch die Anwendung ihrer eigenen Expertise im Experience Design auf kollaborative Forschung und Ideenfindung erarbeitete Rufus Leonard ein Backlog von Ideen und Konzepten, die es zu erkunden und zu bewerten galt. Der Ansatz balancierte zwischen anforderungsgetriebenen Ergebnissen (z. B. für transaktionale Journeys wie die Zimmerbuchung) und konzeptionellem Design Thinking (z. B. App-basierte Funktionen für innovative Erlebnisse wie automatisiertes Einchecken und digitale Zimmerschlüssel). Gemeinsam mit TSH wurden die Erlebniskonzepte im Backlog bewertet und priorisiert und in eine Roadmap überführt, die maximalen Nutzen im Hinblick auf die übergeordneten Ziele liefern sollte.

Das Team startete ein intensives Launch-Programm, um ein vollständiges digitales Erlebnis für den modernen Digital Native zu schaffen.

Das Ergebnis ist ein Erlebnis mit dynamischer kontextbezogener Navigation, das auf Mobile-First-Prinzipien basiert, Barrierefreiheit in all ihren Formen unterstützt und ein differenziertes Markenerlebnis bietet – stets einwandfrei und zuverlässig. Dem Erlebnis liegt eine innovative hybride Hospitality-UX zugrunde, die nutzerzentriert und zielorientiert ist, anstatt auf eine Einheitslösung zu setzen. Die Site verwendet eine digitale Designsprache, die sich an jedes Gerät anpassen kann und ein einheitliches Look-and-Feel an jedem Marken-Touchpoint gewährleistet.

Eines der Kernprinzipien unserer Architektur war es, ein nahtloses Erlebnis über alle Geräte hinweg zu ermöglichen. Das Team entwickelte ein übergreifendes Designsprachsystem, das einheitliche und konsistente Design- und Interaktionsmuster über alle Kanäle und Geräte hinweg sicherstellte – unterstützt von Optimizely Content Cloud. Ausgangspunkt war die Erkundung von Designkonzepten für Mobile App, Web, Wearables und In-Room-AV. Diese wurden zu einem Designsprachsystem und einer Core-UI-Bibliothek verfeinert, die Vorgaben zu Farbe, Typografie, Abständen und Schattierungen, Ikonografie, Bildsprache und interaktiven UI-Elementen lieferte. So wurde ein einheitliches Look-and-Feel an jedem Marken-Touchpoint ermöglicht.

Die Architektur des technischen Ökosystems basiert auf einer Headless-, Omnichannel- und mehrsprachigen Plattform. Sie ist auf zukunftsweisenden Grundlagen aufgebaut und vereint auf einzigartige Weise Optimizely DXP und React. Zusätzliche Funktionalitäten werden durch Rufus' Omnichannel Experience.API unterstützt.

Neben den bekannten und benutzerfreundlichen Content-Editing-Funktionen wurde die Optimizely Digital Experience Platform aufgrund ihrer ausgereiften Content-API ausgewählt, die A/B-Testing und Personalisierung sowie zuverlässiges und verfügbares Hosting umfasst. All dies wird dazu beitragen, die Headless-Omnichannel-Content-Ambitionen weltweit voranzutreiben.

Die Headless Single Page Application (SPA), ermöglicht durch React, erlaubt es TSH, die im Optimizely CMS gespeicherten Inhalte an beliebig viele Frontend-Kanäle auszuliefern: Website, Apps, Sprachschnittstellen, Hotellobby-Screens, In-Room-TVs – alles ist möglich. Diese zukunftssichere Lösung lässt sich problemlos mit neuer Technik und Innovationen integrieren. Auf Microsoft Azure aufgebaut, kann die Website bei steigenden Besucherzahlen automatisch skalieren – entscheidend, da TSH in immer mehr Regionen expandiert.

Ein weiterer Vorteil der Headless-SPA ist die Möglichkeit, die wahrgenommenen und tatsächlichen Ladezeiten vollständig zu kontrollieren und so ein nahtloses, reichhaltiges Content-Erlebnis in hoher Auflösung zu ermöglichen. TSH kann damit die schnellste und effizienteste Methode zum Rendern der Website nutzen und gleichzeitig Techniken wie Lazy Loading für Below the Fold-Inhalte einsetzen. Durch die Fokussierung auf das Laden ausschließlich der für den ersten Besuch benötigten Inhalte arbeitet die TSH-Site selektiv und personalisiert basierend auf den Bedürfnissen des Website-Besuchers. Dadurch werden der erste und alle nachfolgenden Ladevorgänge beschleunigt und gleichzeitig erhebliche Einsparungen bei der Gesamtbandbreite erzielt. Für den Kunden bedeutet dies ein schnelles und ansprechendes digitales Erlebnis.

Das Ergebnis unserer Feinabstimmung und Next-Generation-Techniken ist eine blitzschnelle und effiziente Website, SEO-optimiert und in der Lage, Inhalte an die TSH-Community auszuliefern – unabhängig vom genutzten Gerät. Die neue Enterprise-Website ist der erste Meilenstein im Ökosystem für digitale Erlebnisse von The Student Hotel. Daneben gibt es eine Strategie, die den Erfolg kommender Plattformen sicherstellen soll – etwa die bald folgende App, die auf React Native basiert und umfassend mit den Vor-Ort-Touchpoints von TSH integriert wird.