モバイルファーストサイト100選 その8 ポカリ写真部「#青いボクら」|大塚製薬
有名なスポーツ飲料、ポカリスエットの
プロモーションサイトです。
https://pocarisweat.jp/aoibokura/
ターゲットは高校生と思われますが、
販売を目的としたサイトではなく、
高校の部活をイメージした企画のプロモーションですね。
![](https://fifties-blog.genzaburow.com/wp-content/uploads/2023/12/3b834d1d-c109-4f66-b65e-ecfb11f9833e-1024x534.jpg)
色
このサイトで使われている色はこちら
![](https://fifties-blog.genzaburow.com/wp-content/uploads/2023/12/スクリーンショット-2023-12-22-203513.jpg)
青をメインカラーにして、かなり色数は少ないです。
ポカリスエットのイメージなのでしょうけど、
ちょっと地味に感じました。
高校生対象にしては、ちょっと落ち着きすぎかな?と思います。
フォント
メインのフォントは Noto Sans JP。
これも極めて普通です。
下層ページでは BIZ UDPMincho が使われています。
特にデザイン的な要素もないので、
なんとなく、真面目な感じがします。
画像になっている文字も普通の明朝体が多く、
敢えてこのようにしているものと思われます。
構成
背景部分には画像があるだけで、ほかの情報は一切ありません。
また、メインがグリッドで表示されていて、
それぞれ別ページに飛ぶので、
ナビゲーション的なものもありません。
これの良いなと思った点は、
スクロールが少なくて済むことです。
よくあるサイトですと、
非常に長いスクロールをして、
結局目的の場所が判らなくなったり、
現在地が判らなくなって、確認のために
もう一度トップに戻る、などということがありがちです。
この構成ですと、縦スクロールが短くて済みますね。
参考にしたいと思います。
![](https://fifties-blog.genzaburow.com/wp-content/uploads/2023/12/94536ee5-411a-4f9d-bde1-7939b18d04e4.jpg)
![](https://fifties-blog.genzaburow.com/wp-content/uploads/2023/12/2787173b-e7f9-4c16-b1b5-3d674fdbfd17-320x1024.jpg)
![](https://fifties-blog.genzaburow.com/wp-content/uploads/2023/12/a67c571d-7758-4080-a771-c0f95e6a4122-319x1024.jpg)
今まで見た中でも結構異色な感じのするサイトでした。
商品を販売したり宣伝したり、が目的ではないからでしょう。
こういったコミュニティ運営のサイトであれば、
応用ができるかもしれません。
![モバイル](https://fifties-blog.genzaburow.com/wp-content/uploads/2023/08/duonguyen-C5QzitaS5RU-unsplash-1024x683.jpg)