mandarin oriental
Elevating Mandarin Oriental’s Digital Experience Through UX-Centered Design
Mandarin Oriental, known globally for its exceptional service and refined hospitality, faced a growing disconnect between its in-person guest experience and its digital presence. The legacy website presented significant usability challenges—confusing navigation paths, fragmented booking flows, and dead ends that disrupted the customer journey. The design also felt outdated, failing to reflect the elegance, warmth, and attention to detail synonymous with the brand.
At the heart of this project was a clear need to reimagine the user experience (UX)—to create a digital environment that could match the sophistication and intuitive service of the physical properties. The goal was to transform the site into a seamless, high-touch experience that supported guests from discovery to booking, while reflecting the brand’s global luxury standards.
Through a comprehensive overhaul of the UX architecture and interface design, the new experience was built to be intuitive, accessible, and emotionally resonant. Every element—from navigation to interaction patterns—was crafted to reduce friction, simplify complex booking flows, and inspire trust and connection with the brand.
The result was a digital experience that didn’t just function better—it felt like Mandarin Oriental: refined, graceful, and effortless. This transformation allowed the brand to re-establish its digital presence as a true extension of its iconic service promise.
UX-Led Transformation of Mandarin Oriental’s Digital Experience
The legacy Mandarin Oriental website revealed several critical experience gaps—users frequently struggled with unintuitive navigation, hit dead ends in the user flow, and encountered a complex, disjointed booking process. Compounding these issues, the site’s outdated design failed to communicate the elegance, warmth, and seamless service that define the brand’s globally renowned in-person experience.
We approached the challenge through a UX-first lens, recognizing that meaningful transformation required more than a visual refresh—it demanded a re-architecture of the digital journey itself. Our team partnered closely with Mandarin Oriental to define a strategy rooted in human-centered design, behavioral insights, and conversion-focused UX principles.
Key goals for the redesign included:
-
Streamlining the booking flow to increase direct bookings and reduce abandonment through simplified, step-by-step interactions.
-
Designing for conversion, with a frictionless user experience optimized for revenue growth and performance at every stage of the journey.
-
Enhancing engagement and dwell time, by elevating content discoverability and reducing cognitive load through clear navigation and refined UX patterns.
-
Prioritizing the Fans of M.O. loyalty program, integrating it contextually throughout the experience to deepen brand connection and encourage repeat engagement.
Every design decision—from interaction models to visual hierarchy—was informed by user testing and data, ensuring the final experience was not only beautiful but also functional, intuitive, and aligned with luxury user expectations.
The result was a digital experience that bridged the gap between the brand’s exceptional physical service and its online presence—creating a seamless, modern, and emotionally resonant journey that redefined how guests connect with Mandarin Oriental in the digital space.
A ux-driven re-design of mandarin oriental’s global digital experience
Human-Centered Redesign of Web and Mobile Platforms
Mandarin Oriental’s digital transformation began with a full redesign of both web and mobile platforms, centered around the needs, behaviors, and emotional expectations of today’s luxury traveler. The legacy experience no longer aligned with the refined, service-driven ethos of the brand, prompting a complete overhaul grounded in human-centered design.
Extensive user research served as the foundation for this transformation, ensuring that each interaction across web and mobile was purposeful, elegant, and intuitive. Every design element—from booking flows to visual storytelling—was crafted to reflect Mandarin Oriental’s global luxury positioning, while supporting the fluid needs of travelers engaging across devices and regions.
Insights-Led Strategy for the Luxury Traveler
To truly understand the evolving expectations of the modern luxury consumer, the team conducted more than 50 one-on-one interviews with high-end travelers across global markets. These conversations uncovered deep emotional drivers behind travel decision-making—helping inform the structure and tone of the digital experience.
Key Insights:
-
Guests seek personalized, once-in-a-lifetime experiences that connect them to the world and themselves.
-
Traveler behavior is contextual and fluid, with the same guest seeking adventure in one destination and serenity in another.
-
Pre-travel inspiration is critical—users want to immerse themselves in a destination long before arrival, creating emotional investment through visuals and storytelling.
These findings informed the development of customer personas and journey maps that shaped the UX architecture, ensuring the site resonated emotionally while meeting practical needs.
Data-Driven Personalization and Iterative Optimization
Post-launch, the UX and analytics teams collaborated closely to ensure the platform remained dynamic and responsive. Real-time data tracking and behavior analysis enabled continuous refinement, with ongoing optimizations to user flows, content positioning, and booking journeys.
The reimagined booking experience mirrored the inspiration-driven behavior of luxury guests—personalizing the journey with curated experiences like massages, tasting menus, or private tours alongside accommodation options. This approach increased conversion rates while deepening brand engagement and satisfaction.
Designing a Curated Luxury Destination Experience
Designing a Curated Luxury Destination Experience
The new MandarinOriental.com was reimagined as a curated showcase of the world’s most iconic destinations, blending immersive storytelling with intuitive user journeys. Rich photography, ambient videography, and narrative-driven content brought each property to life—capturing not just the beauty of the hotels, but their deep connection to local culture and place.
From the panoramic serenity of Lake Como to the vibrant skyline of Hong Kong and the breezy elegance of Canouan, the platform created sensory-rich digital touchpoints that invited users to envision themselves at each destination.
Local Market Integration as a Strategic Lever
Recognizing a shift in traveler behavior during the pandemic, the redesign also spotlighted local experiences and regional engagement. Properties like Mandarin Oriental Hong Kong became digital showcases for unique offerings, such as The Aubrey—ranked among Asia’s 50 Best Bars.
By highlighting high-value local offerings like brunch events, spa services, and seasonal menus, the site drove increased local bookings and cross-sell opportunities, positioning each property as both a destination for global travelers and a cultural anchor within its community
the results
This UX-led transformation of Mandarin Oriental’s digital ecosystem brought the brand’s legendary service into the digital realm. By aligning behavioral insight with elegant design and smart personalization, the experience now reflects the brand’s global luxury standard—serving both as a pre-travel inspiration engine and a high-performance conversion platform.
The expertise Steph & her team provided made the transformation easy by elevating Mandarin Oriental’s digital experience to a level where we are already seeing exciting growth in customer engagement and booking value.
- Peter Norris, VP, Digital, Mandarin Oriental Hotel Group
Increase in Direct Online Bookings
200%
Increase in revenue per booking
62%
Increase in web traffic & engagement
91%
You can explore the designs and branding directly on the live website, or by watching this video overview for a comprehensive look at the creative work.
