BLOG

No.038 ポケモン GO POKEMON GO

概要 Overview
『ポケモン GO』の公式Webサイト

■ ファーストビュー Above the fold
ロゴ
キービジュアル
ダウンロードページ リンクボタン
ダウンロード方法・遊び方 へのジャンプボタン
スクロールイベント

ターゲット Target
ユーザー全般

フォント Font
Meiryo 12px,14px,16px,18px,20px

カラー Color
<B>#FFFFFF
<M>#DEEEF0
<A>#60D7AC

デザインの特徴 Design features
ローディングにロゴをモチーフにしたアニメーションが1秒弱流れた後に、トップページへ切り替わる
キービジュアルは道端にポケモンのキャラクターが立っている写真とアニメーションの合成写真で、キャラクターは真正面を向いている
正面を向いて視線も真っすぐ前を見る写真は信頼性や固い意志・強い主張などのメッセージ性を伝えることもでよく使われるが、この場合は「ここで待っているよ」という信頼に近い印象を与えている
また、ビジュアル全体に暗くなるマスクをかけ、中央に配置されているロゴやダウンロードボタンが際立つようにコントロールされている
フォントはメイリオを採用し、広い年齢層のユーザー向けに可読性を高め、また機能紹介や、ニュース、イベントの紹介などもボタンやバナーにまとめられ、そこからどんどん感覚的に読み進めることができるように構成され、子供からお年寄りまで違和感なく使えるように、高い操作性を意識したデザインだと考える

 

『ポケモン GO』公式Webサイト

 

 

コメントを残す

*