Tokyo American Club

Asia's premier private club gets an amazing new website
visit website

The Brief

Founded in 1928 and long a hub of Tokyo’s international community, the Tokyo American Club has been described by private club consultants the McMahon group as “light years ahead of its U.S. counterparts” and “quite possibly the finest private club facility in the world.” With credentials like these you can imagine the pressure we were under when asked to create the online face of this Tokyo institution following the opening of its spectacular new location.

Our Strategy

Lorem ipsum dolor sit amet consectetur. Diam aliquet mauris ultricies diam lacus lacinia. Morbi donec et eget aliquam nunc. Nulla neque etiam et erat aliquet malesuada donec et.

Lorem ipsum dolor sit amet consectetur. Diam aliquet mauris ultricies diam lacus lacinia. Morbi donec et eget aliquam nunc. Nulla neque etiam et erat aliquet malesuada donec et.

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

Lorem ipsum dolor sit amet consectetur. Diam aliquet mauris ultricies diam lacus lacinia. Morbi donec et eget aliquam nunc. Nulla neque etiam et erat aliquet malesuada donec et.

Lorem ipsum dolor sit amet consectetur. Diam aliquet mauris ultricies diam lacus lacinia. Morbi donec et eget aliquam nunc. Nulla neque etiam et erat aliquet malesuada donec et.

87.9

%

Website New Users

4K+

%

Organic Keywords

230

%

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