2021.6.21現在
3196件のデザインを掲載中
https://nestle.jp/brand/monpetit/

「モンプチ」のホームページデザイン解説

Design Review
デザイン解説

トップページのコンテンツが全て画像リンクで表示されていて、余白がないきっちりと並べられた構成になっているのが特徴的なサイトです。まずファーストビューではサイト内のコンテンツをピックアップしてリンク画像を掲載し切り替わっていく仕組みで、目に留まりやすい位置に様々なコンテンツが表示されることでスムーズなページ誘導を考えられています。スクロールすると商品PRのリンク画像が並んでおり、カーソルを合わせるとそれぞれ色分けされた背景色とともに商品画像が浮き出てくるように表示されます。下層ページでは柔らかいタッチのイラストや画像によってわかりやすく商品説明が掲載されていてしっかりとしたPR内容にまとめられています。また猫が主役のムービーも見られるようになっていて遊び心を感じるコンテンツになっています。

執筆者

岡本 美憂
Okamoto Miyu
岡本 美憂
独学でWebデザイン、HTML・CSSを学習。⇒出版社のWeb事業部でアルバイト⇒Web制作会社で、デザイナー兼コーダーとして勤務⇒2019年からフリーランスに。休日もカフェでコーディングをしているちょっと変人です。趣味はカフェ巡り、自然巡り、旅行など。

カテゴリ

基本情報

会社名
Nestle
サイト名
モンプチ
URL
https://nestle.jp/brand/monpetit/

業界・業種で絞り込む

テイストで絞り込む

タイプで絞り込む

カラーで絞り込む