【2020年版】参考サイトまとめ『食品編』

• Web Create
• 2020.07.29

こんにちは、トリです。
さて今回は食品をテーマにいくつかサイトをご紹介したいと思います。

青柳総本家

URL：https://www.aoyagiuirou.co.jp/

ローディングアニメーションの雰囲気からすごく好きなのですが
ローディングアニメーション後のファーストビューの見せ方が大好きなサイトです。
イラストがランダムに配置されているのですが、
PCのホバーアクションがとても綺麗ですし
他サイトにあまりない構成なので挙げさせていただきました。
動きはあるものの、全体的にすっきりとしていて非常に見やすいです。

POGG

URL：https://pogg-sweetpotatopie.com/

第一印象はポップですが、フォントや文字の出方から高級感も感じるサイトです。
動画を上手く活用してブランドの特徴や魅力をきちんと伝えていると感じました。
食感を伝える表現やハンバーガーメニューの動きが可愛らしいですよね。

BAKE CHEESE TART

URL：https://cheesetart.com/

チーズケーキの黄色をベースにしていて、全体的に明るい印象を受けるサイトです。
動きはあるものの一つ一つの動きにストレスがなく、サイト自体も軽いのでサクサク見ることができます。
必要な情報がシンプルにまとめられている且つ、適度な余白があり見やすいページです。

IPPUKU&MATCHA

URL：https://ippukuandmatcha.jp/

フォントに明朝体を使用している点や、文字や画像の出方から和の雰囲気を全面に感じさせるサイトです。
ベースのカラーとして背景に黒を使用しているところは非常に印象的でした。
罫線やボタンの表示を見てもブランドイメージが伝わるページです。
ハンバーガーメニューを開いたときなど、細かい動き一つ一つが素敵ですよね。

まとめ

今回は食品編ということで4つのサイトをご紹介させていただきました。
いかがでしたでしょうか？
食品系のサイトを見ていて印象に残ったのはビジュアルの使い方や見せ方です。
どのサイトも食材が一番美味しそうに見える工夫をした作りになっていました。
商品が出来上がるまでの過程など、動画を有効活用することで表現しているサイトも多かったですね。
当たり前のことですが、食品系のサイトは食材の見せ方を工夫することが肝心だと改めて感じました。