The Student Hotel macht hybrides Zusammenleben und Arbeiten mobil

Transaktions-Website erstellt mit Optimizely DXP und React

The Student Hotel (TSH) hatte bereits eine starke Persönlichkeit, einen unverwechselbaren Tonfall und ein hybrides Angebot für gemeinsames Wohnen und Arbeiten, das die Hotelbranche auf den Kopf stellte. Aber sie brauchten einen Partner, der ein aussagekräftiges Erlebnis für ihr gesamtes digitales Ökosystem übersetzen und liefern konnte.

TSH ist ein Pionier eines hybriden Modells der nächsten Generation im Gastgewerbe und ein Stadterneuerer. Das Unternehmen arbeitet mit Städten zusammen, um neue Gemeinschaften zu schaffen, die auf einer Mischung aus Co-Living, Studenten- und Hotelunterkünften mit Co-Working-, privaten Büro- und Tagungsräumen basieren und durch Lifestyle-Optionen in den Bereichen Wellness, Unterhaltung, Events, Bars und Restaurants bereichert werden.

Als Reaktion auf die rasche Expansion und den immer komplexeren Produktmix musste das Unternehmen sein digitales Erlebnis neu definieren und seine Infrastruktur mit Lösungen auf Unternehmensniveau überarbeiten. Die neue Infrastruktur musste skalierbar und robust sein und innovative digitale Erlebnisse ermöglichen, die sich nahtlos in die physische Umgebung einfügen. Dies wiederum führt zu nachhaltigen Wettbewerbsvorteilen, Widerstandsfähigkeit und Wachstum.

Die Gemeinschaft steht im Mittelpunkt aller Aktivitäten von TSH - von der Art und Weise, wie die Immobilien gebaut werden, bis hin zu den Erlebnissen der Menschen, die sie erleben. Von den Studenten, die dort wohnen, bis hin zu Wochenendreisenden, Mitarbeitern, Kaffeetrinkern und allen dazwischen - sie alle sind Teil der Complete Connected Community. Die Erlebnisse, die das neue digitale Ökosystem bietet, sollten dies widerspiegeln und fast eine Million aktuelle und ehemalige Co-Living- und Co-Working-Gäste miteinander verbinden. Das Ziel war es, das Beste aus der digitalen Welt zu nutzen, um Grenzen zu überwinden und ein Gemeinschaftsgefühl zwischen all jenen zu schaffen, die sich als "Studenten im Herzen" betrachten.

Visionäres Denken

Rufus Leonard, Partner von Optimizely, nutzte das Experience Playbook, um eine inspirierende Blaupause für das branchenführende digitale Erlebnis von The Student Hotel zu erstellen. Das Experience Playbook fasst eine kundenzentrierte, markenorientierte und technologiegestützte Vision zusammen. Es ist ein Werkzeug, das die Geschäftsstrategie in sinnvoll differenzierte Erlebnisse für die Kunden umsetzt. Das Experience Playbook ist nicht nur ein inspirierender "Nordstern", sondern auch ein wertvolles Instrument für die TSH-Stakeholder, das sie mit Investoren und Partnern nutzen können, während das Unternehmen wächst.

Rufus Leonard setzte seine eigene Erfahrung im Bereich Erlebnisdesign für die gemeinsame Forschung und Ideenfindung ein und erstellte eine Reihe von Ideen und Konzepten, die es zu untersuchen und zu rationalisieren galt. Ihr Ansatz war ein Gleichgewicht zwischen anforderungsgesteuerten Ergebnissen (z.B. für transaktionale Abläufe wie die Zimmerbuchung) und konzeptionellem Designdenken (z.B. App-basierte Funktionalität für innovative Erlebnisse wie automatisches Einchecken und digitale Zimmerschlüssel). Gemeinsam mit TSH bewerteten und priorisierten sie den Bestand an Erlebniskonzepten und erstellten eine Roadmap, die einen maximalen Nutzen für die übergeordneten Ziele bieten würde.

Rufus Leonard had the proven credentials to engineer our core digital platforms to deliver our desired distinctive experience. This milestone is the first step in our digital transformation from offering a collection of individual products, to a seamless lifelong customer experience integrating a complex mix of hospitality products, lifestyle services and learning experiences. The solution delivers more than an enhanced brand experience, including significant operational efficiency, scalability and – critical in these times – speed to market

Mark Liversidge

Chief Digital & Experience, The Student Hotel

Beginn eines intensiven Einführungsprogramms

Das Team begann ein intensives Einführungsprogramm, um ein komplettes digitales Erlebnis für den modernen Digital Native zu schaffen.

Das Ergebnis ist ein Erlebnis mit dynamischer kontextbezogener Navigation, das auf den Grundsätzen des Mobile-First-Prinzips beruht, die Barrierefreiheit in all ihren Formen unterstützt und ein differenziertes Markenerlebnis bietet - und dabei jederzeit einwandfrei und zuverlässig funktioniert. Das Erlebnis basiert auf einer innovativen, hybriden UX für die Gastronomie, die nutzerzentriert und zielorientiert ist und nicht auf eine Einheitsgröße ausgerichtet ist. Die Site verwendet eine digitale Designsprache, die sich an jedes Gerät anpassen lässt und ein einheitliches Erscheinungsbild unabhängig von der Marke ermöglicht.

Eines der wichtigsten Prinzipien unserer Architektur war es, ein nahtloses Erlebnis auf allen Geräten zu ermöglichen. Das Team machte sich daran, ein übergreifendes System für die Designsprache zu schaffen, das gemeinsame und konsistente Design- und Interaktionsmuster über alle Kanäle und Geräte hinweg gewährleistet und von Optimizely Content Cloud unterstützt wird. Zunächst wurden Designkonzepte für Mobile App, Web, Wearables und In-Room-AV erforscht und zu einem Designsprachensystem und einer zentralen UI-Bibliothek verfeinert, die Vorgaben für Farbe, Schrift, Füllung und Schattierung, Ikonographie, Bildmaterial und interaktive UI-Elemente enthielt. Dies ermöglichte ein konsistentes Erscheinungsbild und eine einheitliche Anmutung, unabhängig vom jeweiligen Touchpoint der Marke.

Wir unterstützen das rasante Wachstum von TSH und inspirieren die vielfältige und zukunftsorientierte internationale Gemeinschaft

Die technische Ökosystem-Architektur ist auf einer kanalübergreifenden, mehrsprachigen Plattform verankert. Sie basiert auf einem zukunftsorientierten Fundament, das in einzigartiger Weise Optimizely DXP und React einbezieht. Zusätzliche Funktionalität wird durch die Omnichannel-Erlebnisse.API von Rufus unterstützt.

Neben den bekannten und benutzerfreundlichen Funktionen zur Bearbeitung von Inhalten wurde die Optimizely Digital Experience Platform wegen 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 Ambition weltweit zu unterstützen.

Die Headless Single Page Application (SPA), die durch React ermöglicht wird, erlaubt es TSH, die im Optimizely CMS gespeicherten Inhalte für eine beliebige Anzahl von Front-End-Kanälen bereitzustellen: Website, Apps, Sprachschnittstellen, Bildschirme in der Hotellobby, TV-Geräte in den Zimmern - was auch immer. Diese zukunftssichere Lösung lässt sich problemlos mit neuen Techniken und Innovationen integrieren. Da die Website auf Microsoft Azure basiert, lässt sie sich automatisch skalieren, wenn die Besucherzahlen steigen - ein entscheidender Faktor bei der Expansion von TSH in weitere Gebiete.

Ein weiterer Vorteil der Headless SPA ist die vollständige Kontrolle über die gefühlten und tatsächlichen Ladezeiten, die ein nahtloses, reichhaltiges und hochauflösendes Erlebnis ermöglicht. So kann TSH dem Benutzer die schnellste und effizienteste Art der Darstellung seiner Website bieten und gleichzeitig Techniken wie das "Lazy Loading" für "Below the Fold"-Inhalte kontrollieren. Die TSH Site konzentriert sich darauf, nur die Inhalte zu laden, die für den ersten Besuch eines Benutzers erforderlich sind, und ist selektiv und personalisiert, je nachdem, was der Website-Besucher benötigt. Auf diese Weise werden die ersten und nachfolgenden Ladevorgänge beschleunigt und gleichzeitig enorme Einsparungen bei der Gesamtbandbreite erzielt. Für den Kunden bedeutet dies ein schnelles und ansprechendes Digitales Erlebnis.

Das Ergebnis unserer Feinabstimmung und der Techniken der nächsten Generation ist eine blitzschnelle und effiziente Website, die für die Suchmaschinenoptimierung optimiert ist und der TSH-Community Inhalte unabhängig von ihrem Endgerät zur Verfügung stellen kann. Die neue Unternehmenswebsite ist der erste Meilenstein im digitalen Ökosystem von The Student Hotel. Parallel dazu wurde eine Strategie entwickelt, die den Erfolg zukünftiger Plattformen wie der in Kürze erscheinenden App auf Basis von React Native ermöglicht, die umfassend mit den Touchpoints von TSH auf dem Gelände integriert werden soll.