Web Design Background

Experience ESPA Life at Corinthia

Client

Corinthia Hotels

Location

London, UK

Services

UX/UI Design

Design Systems

Art Direction

Prototyping

Interaction Design

3D Design

A Unique, 3D Sensory Experience That Accurately Showcased the Size & Facilities of an Award-Winning Spa

Corinthia London is one of the most prestigious, 5-star luxury hotels in the UK’s capital, just steps from Trafalgar Square. ESPA Life at Corinthia is the impressive, award-winning spa spread across 4 floors within the hotel, dedicated to enhancing wellness to new heights.

ESPA Life at Corinthia approached KIJO with a distinctive brief; to create a 3D digital experience that showcased the scale and experiential element of the spa. This was to be created in addition to their new website.

ESPA Life at Corinthia felt that the impressive scale and size of the spa wasn’t being properly showcased; pictures simply weren’t doing it justice. Inspired by this stunning space, the KIJO team pitched an immersive 3D experience; one where the user could traverse all 4 floors and truly understand and appreciate the scale of the breathtaking spa. This would provide a truly unique experience that was not only authentic, but increased conversions and improved the overall user experience (UX).

27.6%

increase in session time on first week of launch compared to previous month

26%

increase in users clicking through to booking platform in first month of launch

Developing the 3D Journey

When it came to developing the 3D experience, we made sure to prioritise the user journey (UI). Then, once this had been established, we added the 3D elements of the experience. The challenge when using 3D is there can sometimes be a trade off between detail and performance, particularly when working with high detail models like the team did.

We created the 3D models by utilising LiDAR mapping and scanning technology. LiDAR stands for ‘Light Detection and Ranging and is a remote sensing method and building information model. It uses light in the form of a pulsed laser to measure ranges and dimensions, and the data it provides maps 3D models and digital elevation. We visited the spa ourselves and conducted a scan for each floor of the ESPA Life at Corinthia spa. We also were provided with access to detailed architectural floor plans and referenced back to photography of all the spa areas. Together, these methods ensured the KIJO team created an extremely realistic recreation of the space and all four floors in 3D.

When the 3D models were designed as they were intended, they were far too large and compromised performance dramatically. So, we started experimenting. Unfortunately, optimising the 3D models as much as possible meant we lost too much quality and realism; the opposite of what we wanted to realise.

The KIJO team continued to problem solve. We implemented a bespoke hosting solution so we could use the high quality models but remove the demand from the user’s browser. By using a specialised host, this enabled us to provide a premium tier experience without having to compromise on the quality of the models.

Corinthia 3D
Corinthia 3D
Corinthia 3D

Ensuring the Experience was Easy to Navigate and Understand

We created multiple concepts of how a user could navigate through the 3D experience. We wanted the user to be able to see a visual carousel whilst also being able to access the 3D models with ease. Together with the client, we settled on marrying the gallery with a view toggle based on user feedback.

We wanted the ESPA Life at Corinthia user to be able to navigate to any part of the virtual spa, no matter where they currently were in the 3D experience. So, we included a floor side drawer menu so you can easily switch between floors. We also implemented a bottom drawer to switch between rooms and coupled this with buttons along the top which allow you to return to the start of the experience or the main ESPA Life at Corinthia site.

Corinthia 3D

Engaging, Purposeful Elements

To bolster that all important user experience, we implemented an engaging preloader which shows images of the floor the user was about to enter in the 3D experience. We chose to use a preloader in order to provide a satisfying experience for the user whilst the 3D experience loads in the background.

Corinthia 3D
Corinthia 3D

Colour-Coded Floors and Interactive 
Pop-Outs Elevate 3D Experience

We colour coded each floor of the experience using the earthy palette of colours that correspond with the website. Each colour represents a different floor. This helps the user know they are in a different place within the 3D experience. Colours were chosen to complement the facilities of the floor; blue for water and brown for treatments, for example.

We added pop outs that exposed further information about the facilities on each floor. They sweep in from the right and hold the luxury aesthetic of the website well.

User-Friendly Guide and Spa-Inspired Audio Enhance Immersive 3D Experience

As this is a brand new, unique experience, it’s important to clearly guide the user on how to use it. They wouldn’t be familiar with how this worked. So, we created a simple user guide. This could be found inside the question mark icon that explains how to interact with the experience. For example, within the guide, we showed the user exactly what to do with the cursor in order to provide further clarity regarding navigation.

To finish up, we added a spa-like audio that plays during the user’s interaction. We did this to emulate the real-life spa experience; where music is used to create a relaxed state from arrival. Not only does it evoke a sense of relaxation in the user, but reflects an authentic spa experience. This aural addition to the 3D journey provides a true and fuller sense of immersion whilst also more accurately reflecting the physical spa event.

Corinthia 3D
Corinthia 3D Sound Bar

Increased Conversions

To increase conversions, we input a ‘Book Now’ button within the navigation so it’s in view and accessible to the user at all times. There are also strategically placed Calls to Action (CTAs) in all of the information pop-ups as you navigate through the experience, encouraging the user to convert continuously.

The 3D experience overall gives a better sense of the facilities of the spa, which in itself is more attractive and tempting. The immersive sense that we’ve created with it will undoubtedly keep users engaged for more time. In turn, this will keep them on the site longer and thus give them a higher chance to convert too.

Corinthia 3D
Corinthia 3D

From 3D to Reality

The real question is, does the 3D experience accurately emulate and reflect the ESPA Life at Corinthia’s prestigious spa? KIJO’s Co-Founder, Jordan Thompson visited the spa himself so can accurately verify:

“We asked ourselves, “how do you convey the size, scale and experience of something as emotive as a spa on a website?” The KIJO team created detailed 3D models, visiting first-hand to conduct LiDAR scans of each floor. Then, we married these scans with unique navigation, complementary colours, relaxing audio and stunning photography.

Jordan Thompson
Jordan Thompson

Co-Founder, KIJO