むぎのある暮らし/＃1日1サイトレビュー

むぎのある暮らし | 伊藤園

【概要】
伊藤園の麦を使った商品紹介
【印象】
・全体的にベージュメインの優しい色味で、麦のイメージとぴったり。
・強調したいところは濃い色を使用していて見やすい。(ぼやけない)
【メインビジュアル】
・麦の画像を大きく、お茶は小さい画像。
→伊藤園といえばお茶のイメージが強いが、メインはお茶の紹介じゃなく、麦なのでこの配置にしたのかなと思った。
・画像の切り抜きが麦の穂先っぽい。
・お茶の画像をクリックしたらその紹介まで飛ぶ。
・麦の画像のアニメーションは、風で靡いてる感じを出しているのかなと思った。
【コンテンツ】
・落ち着いた印象のサイトだからか、アニメーションなどが最低限。
・お茶の紹介の背景がラベルと同じデザインを使用していてまとまりがある。
・商品紹介のサイトなので、ボディがアバウト→商品ではなく商品→アバウトにしている。
・情報が最低限でシンプルで見やすい。
→詳しく知りたいなと思って「詳しく見る」をクリックしてしまう。
【フォント】
Zen Maru Gothic→懐が小さく、どこかノスタルジックな雰囲気のあるフォント。漢字の角は丸ゴシック体のなかでも非常になめらか・緩やかで、安心感を演出しつつ信頼性も保ちたいという場面に活用するのが良さそう。全体的な品質もとても高く、ウェイトも細いものから極太まで揃っており、とても使いやすいフォント。
Courier Prime→IBM のタイプライター用に作成された等幅フォント。
【カラー】
背景→F8F1DC
文字→7A562B
お茶ボタン背景→28A499
文章→7B562C
【レスポンシブ】
・画面が小さくなっても見やすい。
・文字が小さめ(細め)のところもあるので人によったら読みにくいこともあるのかな？
【まとめ】
・全体的に落ち着いたシンプルなサイトだけど、商品紹介のところは背景や画像を華やかにしていて目に止まりやすかった。
・情報量があまりゴチャゴチャしてなくてスッキリと読みやすいので、こういう商品が出たんですよ、と軽い紹介ならこのくらいがいいなと思った。