東京アメリカンクラブ

アジア屈指のプライベートクラブにふさわしい、新たなウェブ体験を
ウェブサイトを見る 

プロジェクト概要

1928年の創立以来、Tokyo American Clubは、東京の国際コミュニティにおける中核的存在としてその地位を築いてきました。プライベートクラブ分野で世界的に知られるMcMahon Groupからは、“米国のクラブより遥かに先を行く存在”“世界最高のクラブ施設のひとつ”と高く評価されています。

その名門クラブが新たな拠点を構えたのを機に、私たちはデジタルプレゼンスの刷新を担当。伝統と革新の融合をテーマに、グローバル基準にふさわしいウェブサイトを設計・開発しました。

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

新しいプロジェクトをご検討中の方へ