HOME / GALLERY / BCG Japan
BCG Japan

SMARTPHONE VIEW

スマートフォン表示

BCG Japan スマホ表示

BCG Japan

https://www.bcg.com/ja-jp ↗

BCGの日本語サイト。メガメニューは各項目に画像、見出し、説明文、下位リストを持つ多段構成で、Our Services(17業界とAI・M&Aなど約20テーマ)、論考、会社情報、採用に分かれる。ファーストビューは英語の見出しとヒーロー画像、注目記事。本文はBCG Spotlightのテーマタグ、画像・種別・日付・要約・リンクで構成した日本語論考のカード、日本進出60年の特集、業界別カードの順。論考は記事、スライド、書籍などの種別を示す。質問を受け付けるBCG Answerへの導線もある。

ヘッダーを軽くして、ファーストビューをコンテンツに明け渡す

まず目を引くのが、ヘッダーの軽さです。ロゴ・検索・ログイン・ハンバーガーの4要素だけで、グローバルナビゲーションは畳まれています。扱う情報量が膨大な企業ほどナビは重くなりがちですが、あえて折りたたんでファーストビューをコンテンツに明け渡す判断をしています。

キービジュアルではなく「最新のナレッジ記事」を置く

ファーストビューの主役は、写真やコピーではなく最新の記事1本です。コンサルティングという無形商材では、実績写真より思考の質そのものが説得材料になります。記事カードは半透明のガラス調パネルとして写真に重ねられており、背景画像の情報量を損なわずにテキストの可読性を確保しています。

コーポレートグリーンは「面」ではなく「点」で使う

配色は白地・黒・写真の金色系に対し、コーポレートグリーンを CTA ボタンとロゴだけに絞っています。彩度の高い緑を小面積に限定することで、写真と色が衝突せず、なおかつ「押せる場所」が一目で分かる。面で使わず点で効かせる典型例です。

制作での転用

士業・BtoB コンサルティング・人材紹介など、守秘義務で実績を見せられない案件に流用しやすい構成です。ヒーローに事例写真ではなくナレッジ記事を置き、そこにガラス調カードを重ねるだけで、情報の鮮度と専門性を同時に伝えられます。

注意点

英文ヘッドラインは、ブランド認知があって初めて成立します。認知の弱い企業がそのまま真似ると「何の会社か分からないサイト」になり、直帰率が上がります。日本語で一言添えるなどの補助を前提にしてください。

サイトを開く →