ピノ 森永乳業公式サイト(https://pinoice.com/)分析
ピノ 森永乳業公式サイトは、商品情報や動画、おいしさの秘密、ピノ占い、ピノヒストリー、ピノキッチン、ピノギャラリー等、たくさんのページがあります。トップページは切り替わるメインビューがサイトを開いてすぐあり、縦が短いサイトです。
今回は勉強のために、デザインを分析しました。
font
-apple-system,BlinkMacSystemFont,”Segoe UI”,Roboto,”Helvetica Neue”,Arial,”Noto Sans”,sans-serif,”Apple Color Emoji”,”Segoe UI Emoji”,”Segoe UI Symbol”,”Noto Color Emoji”
文字：白・赤（#e50011）・茶（#5b3f36）
読みやすい文字です。
color
赤
背景：赤・白等
メニュー
PCでは上部にメニューがあります。このメニューはスマートフォンではスクロールすると固定するメニューになっています。
スマートフォンではフッターにもメニューが固定であります。
フッターの商品情報はアイコンが動いてかわいいです。
まとめ
トップページは縦が短くコンパクトに見せているサイトです。レシピの紹介やヒストリー等各ページも内容が色々あり、動きが取り入れられています。
初回は簡単に書かせて頂きました。分析内容はこちらのページか新規のページに不定期に追記をするかもしれません。
