ANA InterContinental Tokyo

Reimagining the online experience for this Akasaka icon
visit website

The Brief

Hotel websites abound but few of them, frankly, impress. When the folks at the ANA InterContinental contacted us (after reading our blog post about creating high-performing hotel websites) we knew we had the opportunity to create one that would.

The client came with a fairly detailed list of requirements, which we further clarified and refined through a series of meetings and email Q&A. As a result, the Discovery phase of our standard website development process was abbreviated, and we moved right ahead with the design process.

Our Audience

Visitors to the ANA InterContinental Tokyo website come from all over the world and speak many languages. The website would need to support English, Japanese, Korean, Simplified Chinese, and Traditional Chinese.

While researching rooms and booking a stay is the primary goal of visitors from overseas, many local Japanese visitors care more about the many drinking and dining options on offer at this conveniently-located Akasaka landmark.

The Process

First up was the site structure, developed over 2 weeks through in-person meetings with project team members on both sides and various client stakeholders. With the structure locked down we moved on to the wireframes, developing 18 unique page templates in all for PC, tablet, and smartphones.

The wireframes comprised two sets, one for Japanese and another for English, Chinese, and Korean. The website architecture was designed to support a full Japanese site, a mostly-complete English version, and a stripped-down basic version in Chinese and Korean. An intelligent menu system allows the navigation and other UI elements to adapt automatically based on the chosen website language.

Booking Widget

We created an always-on booking widget in the footer which can be either docked or left deployed as you like. It allows for one-click access anywhere in the website, on desktop, tablet, or smartphone, to the room and restaurant booking functions, in addition to Club InterContinental content.

The smartphone experience is much the same, though we elected to use the entire screen for the booking forms. Tabs make it easy to switch between Room and Table reservations. Phone inquiries are merely a tap away.

In the end we were able to create an exceptionally well-optimized responsive design that looks and works great pretty much everywhere. Controls are easily accessible, pages load quickly, and global navigation elements are docked neatly out of the way when scrolling down in read mode. And of course it’s fully multilingual.

Design System

Logotype

Icons

Typography &Colors

Primary colors

Secondary Colors

Font Family

The Result

In the end we were able to create an exceptionally well-optimized responsive design that looks and works great pretty much everywhere. Controls are easily accessible, pages load quickly, and global navigation elements are docked neatly out of the way when scrolling down in read mode. And of course it’s fully multilingual.

11.2
%

Increase in Bookings

8.9
%

Lower Bounce Rate

23
%

More Organic Traffic

It would be nice to get feedback from customers here. I think we can ask clients we've worked with in the past to provide us with feedback. And if we have a photo or even better video, then this will make the testimonials even more realistic and trusting for users.

Surname Name,
Position and name of the organization

Have a project for us?

Let's talk!

GET IN TOUCH