■ 概要 Overview
製品情報や最新CM情報、ポカリの特長、水分補給に関する知識などを掲載したポカリスエット、ポカリスエットイオンウォーターの公式Webサイト
■ ファーストビュー Above the fold
ロゴ
キーワード
キービジュアル（スライダー）
グローバルナビゲーション
■ ターゲット Target
活動的な10代～40代を中心とした消費者全般
■ フォント Font
Helvetica 12px,14px,
ヒラギノ角ゴ ProN W3 12px,13px,14px
■ カラー Color
<B>#F6F8F9
<M>#015DB2
<A>#FFFFFF
■ デザインの特徴 Design features
情報が多いためトップページはシンプルな構成になっている
インパクトの強い画面いっぱいに配置されたキービジュアルのCMキャラクターの顔にかぶらない中央よりやや下にグローバルナビが中央揃えで配置されている
直下にはピックアップがバナー形式でスライダーで動き、さらに直下でイラストによって特徴や利用例などのリンクページへ移るリンクが配置され、さらには文字によるリンクが続く
背景やイメージ画像、キービジュアル全てに「水や水滴」が使われ、イラストなどには利用する「人」が必ず描かれている
文字はトップページに関しては必要最小限でジャンプ率低く、、英語はHelvetica、日本語はヒラギノ角ゴで統一され、シンプルにわかりやすくまとめられている
配色はブランドカラーのブルーを多く使い、トンマナの観点でも統一性があり、ブランドイメージを全面に表現している
1カラムの中央揃えというシンプルな構成が、与えたい情報の焦点が絞られ、インパクトも残り、見やすさも高まり、ユーザーの滞在時間も長くなる
「水」と「体」の密接な関係性や情報を多角的に伝えるために、イメージを全面的に打ち出しながら、シンプルに要素をそぎ落とすことによって、より情報が伝わりやすくなるデザインになっていると考える
https://pocarisweat.jp/