モバイルファーストサイト100選　その8　ポカリ写真部「#青いボクら」｜大塚製薬　

有名なスポーツ飲料、ポカリスエットの
プロモーションサイトです。

https://pocarisweat.jp/aoibokura/

ターゲットは高校生と思われますが、
販売を目的としたサイトではなく、
高校の部活をイメージした企画のプロモーションですね。

色

このサイトで使われている色はこちら

青をメインカラーにして、かなり色数は少ないです。
ポカリスエットのイメージなのでしょうけど、
ちょっと地味に感じました。

高校生対象にしては、ちょっと落ち着きすぎかな？と思います。

フォント

メインのフォントは　Noto Sans JP。
これも極めて普通です。
下層ページでは　BIZ UDPMincho　が使われています。
特にデザイン的な要素もないので、
なんとなく、真面目な感じがします。
画像になっている文字も普通の明朝体が多く、
敢えてこのようにしているものと思われます。

構成

背景部分には画像があるだけで、ほかの情報は一切ありません。
また、メインがグリッドで表示されていて、
それぞれ別ページに飛ぶので、
ナビゲーション的なものもありません。

これの良いなと思った点は、
スクロールが少なくて済むことです。

よくあるサイトですと、
非常に長いスクロールをして、
結局目的の場所が判らなくなったり、
現在地が判らなくなって、確認のために
もう一度トップに戻る、などということがありがちです。

この構成ですと、縦スクロールが短くて済みますね。
参考にしたいと思います。

今まで見た中でも結構異色な感じのするサイトでした。
商品を販売したり宣伝したり、が目的ではないからでしょう。
こういったコミュニティ運営のサイトであれば、
応用ができるかもしれません。