#1日1サイトレビュー【061】ANSWERSさん

ANSWERS（アンサーズ） | つぎの社会に向かうKawasakiのこたえ | 川崎重工業

【概要】
Kawasakiのメディアサイト

【ターゲット】
10～20代
Kawasakiに馴染みのない方

【目的】
Kawasakiの技術や取り組みの認知度アップ

【印象】
ポップ、シンプル

【ファーストビュー】

・記事のアイキャッチ画像と記事タイトルやカテゴリ、タグが表示されている。時間経過により記事が入れ替わる。

・サイトのロゴはさまざまな色が使われており楽しいポップな印象。川崎重工さんのイメージは堅くて近寄りがたいイメージだったのですが、ロゴをはじめサイト内に柔らかく親しみやすくなるようなデザインを施されていて、普段馴染みのない方でも興味がわくように工夫されていると思いました。

・画像やハンバーガーボタンなど角丸になっている。

・ハンバーガーメニューをクリックすると上の表示になる。
2カラムになっており、背景色が異なる。左はナビゲーションメニューや言語選択の切り替え等。右側には新着記事とキーワードが載っているので、ここから興味がある記事へ飛ぶこともできる。

【コンテンツ】

・セクションタイトルもロゴと同じようにカラフルな見た目。
英字と日本語のセットで統一されている。

・セクションごとに背景色が白→別の色→白→別の色…と、白と交互に設定されている。

・記事はカテゴリに分けられていて、それぞれカテゴリごとに色が決められている。
記事上にマウスホバーすると、文字色やボーダー色がカテゴリの色に変化、また画像がアップになる動きがある。

・「ランキング」は記事が横並びになっており、横スクロールできるようになっている。

・4つのカテゴリが横並びになり、ここからも該当する記事一覧にとぶことができる。
マウスホバーすると画像の背景色、アイコンの色が反転する。またアイコンに動きが出る。

・「ニュースレター」は、実質メルマガ登録。トップ画面に入力欄があり、複数の段階を踏まずに登録することができるので、めんどくささを感じるターゲットの離脱防止になる。

【カラー】
■カテゴリ

カラフル。色が多かったので、文字色、メインカラー（カテゴリの色）、アクセントカラーのみ画像で抜粋。

メインカラー（カテゴリの色）：水色、紫、緑、オレンジ
ベースカラー：白、淡い赤、淡いオレンジ、グレー、黒
アクセントカラー：赤
文字：黒、白

と、かなり色の種類が多いが、アクセントカラーに設定している赤色はなじみつつも存在感があると感じた。

【フォント】

YakuHanJP, "Helvetica Neue", Helvetica, Arial, "Segoe UI", "Hiragino Sans", "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", YuGothic, "Yu Gothic", メイリオ, Meiryo, "MS Pゴシック", "MS PGothic", sans-serif;