2016.03.25

この記事をシェアする

美味しそうに見える、食べたくなる。食べ物関係のWebサイトを厳選してご紹介

美味しそうに見える、食べたくなる。食べ物関係のWebサイトを厳選してご紹介

2016.03.25

この記事をシェアする

こんにちは! THE BAKE MAGAZINE編集長の塩谷です。 お菓子屋さんに勤めておりますが、インターネットが大好きです。 BAKEでは今後、各ブランドのWebサイトをリニューアルしていく予定なのですが、そのプロジェクトに際して「本当に美味しそうな表現」であり「わかりやすいUI・UX」を探し求めております。 そんな中で「これはスゴい、お腹がすくよ!!」と感じたWebサイト10つを厳選してご紹介させていただきたいと思います。

ストレートに美味しさが伝わる。写真を大きく配置したサイト

食サイトの王道! 写真を大きく掲載したサイトをご紹介。

大阪ビアガーデン2016|中之島ガーデン

http://www.lazor-osaka.jp/nakanoshima/より
http://www.lazor-osaka.jp/nakanoshima/より

サイトとしては珍しいタイプではないのですが、とにかく写真の破壊力が強い! ワクワク感を高める演出も、ビアガーデンという目的にピッタリです。

(*´﹃`*)素敵なポイントは? ・写真がシズル感たっぷり ・美味しそうなピザ写真などが動き、ワクワクする ・BeerとWineとFoodという食欲を刺激する三種の神器

 

Why Juice?

http://www.why-juice.me/より
http://www.why-juice.me/より

こちらは代官山にあるコールドプレスジュースのお店です。以前、こちらの記事でも紹介させていただきました。 ・パッケージデザインが素敵な、日本の食品・飲料を集めました <29選>

(*´﹃`*)素敵なポイントは? ・コールドプレスジュースというまだ認知の低い飲み物だからこそ、おしゃれさん層にピンポイント訴求している ・スクロールで瓶の中のジュースの色が色鮮やかに変わり、目で楽しめる ・健康に良さそうな野菜と、おしゃれなジュースを一目で見られる

 

Gilgul Culinary Productions

https://mahzedahrbakery.com/より
https://mahzedahrbakery.com/より

こちらは、イスラエルのレストラン。右上のアイコンで英語とヘブライ語の切り替えが出来ます。

(*´﹃`*)素敵なポイントは? ・ファーストビューで、グツグツと料理が煮えるアニメーション ・各所で湯気がたったりと、効果的なアニメーションを使用 ・アニメーションが動きつつも、動作が軽い

 

Mah Ze Dahr Bakery

https://mahzedahrbakery.comより
https://mahzedahrbakery.comより

こちらはニューヨークにあるお菓子屋さんです。このキャプチャはファーストビュー部分ではないのですが、ケーキの断面が印象的なのでこちらを見て欲しくて……。 サイトの最下部に、制作者クレジットが入っていて、クリエイティブを重要視している様子が伝わります。

(*´﹃`*)素敵なポイントは? ・ケーキをカットして断面を見せる方法で、美味しさ訴求 ・背景が真っ白で、モダンな印象

  ですが、グローバルナビゲーションのABOUTやCONTACTなどをクリックしても挙動しませんでした。ブラウザによりけりかも知れませんが……!

一朶 ICHIDA

http://www.ichi-da.com/より
http://www.ichi-da.com/より

こちらは日本、名古屋にある和菓子屋さんです。この画像だけだとちょっと地味に感じられるかもしれませんが、サイトで見てみてください! イラストの後に、写真が浮かび上がります。 和菓子屋さんのサイトはどこも似てしまっている中で、コンセプトをしっかりと伝えて、差別化している印象があります。

(*´﹃`*)素敵なポイントは? ・和菓子という、普遍的になりそうな被写体をイラストで表現 ・イラストにすることによって「職人さんの手しごと」ということが感覚的に伝わる

 

山本海産物オンラインショップ

http://shop.yamamoto-kaisanbutsu.jp/より
http://shop.yamamoto-kaisanbutsu.jp/より

九州・長崎にある海の幸のお店です。

(*´﹃`*)素敵なポイントは? ・写真が美味しそうで、高級そうに見える ・塩の接写などが最高によだれが出る

  商品一つひとつを見ていると、パッケージデザインは昔から使われているようなものが多い印象です。サイトがお洒落なので、逆にモダンに見えてきます。でも、オンラインで買って箱を開けてみると、ちょっとギャップを感じてしまうかも?

讃岐うどんのはなまるうどん

http://www.hanamaruudon.com/より
http://www.hanamaruudon.com/より

「シズル感を伝えるサイト」の代表格だと思っております、はなまるうどんのWebサイト。ご存知、讃岐うどんのチェーン店です。

(*´﹃`*)素敵なポイントは? ・うどん写真がもっちもっち ・「はなまる」というブランド名を多用して、ブランド愛が深まる ・登場している方々の顔がしあわせそう

 

キューピー ビストロクイック

http://www.kewpie.co.jp/bistro/より
http://www.kewpie.co.jp/bistro/より

「要素がすべて画像で組まれているぞ」とWeb制作者であればツッコミを入れてしまいたくなるサイトですが、ちょっと落ち着いて見てみましょう。美味しそうすぎる。

(*´﹃`*)素敵なポイントは? ・海老がプリップリ(※エビは商品には含まれておらず、自分で別途購入が必要) ・「海老などの素材を1品用意するだけで良い」というメッセージがすぐに伝わる ・登場している方々の顔がしあわせそう

  ちゃんと読めて、お腹が空いて、主婦の手助けになるということが伝わる。スーパーに走りたくなるサイトです。

変化球を投げる、お酒のサイト

食べ物と違って、お酒は「酒瓶の写真をみて喉が乾く」という現象は起きにくいかもしれません。(もちろん、そのような方も一定数いらっしゃるかとは思いますが…!!) お酒の場合、酒瓶やお米、水などの写真を伝えるサイトも多々ありますが、ちょっと変化球のブランディングのほうが効果的かも、と思わされます。

株式会社 秋田屋

http://www.akita-ya.com/より
http://www.akita-ya.com/より

名古屋に本社を置く1855年(安政ニ年!)開業の酒屋、秋田屋さん。ブランドサイトではなくコーポレートサイトなので、これまで紹介したサイトとはちょっと立ち位置が異なりますが、素敵なので紹介させてください…!

(*´﹃`*)素敵なポイントは? ・味のあるお洒落なイラストで、老舗企業であること、現代の流れに適応する企業であることが感覚的に伝わる ・余白のあるテキストの配置で、企業メッセージがまっすぐ伝わる

 

3D on the Rocks

http://3drocks.jp/より
http://3drocks.jp/より

これまで紹介したサイトはUI・UXを重視したものが多かったのですが、このサイトは完全に表現重視。うっとり見とれるような動画からはじまり、一瞬でその世界観に引き込まれます。 サントリーのウイスキーという誰もが知る商品だからこそ、こんな攻め方が出来るんだなぁと思わされます。

(*´﹃`*)素敵なポイントは? ・動画のクオリティが高すぎる ・複雑なのにスムーズな動きがきもち良い

  表現にこだわっているサイトは数多くありますが、日頃Webに親しんでいないユーザーには難しく感じてしまうものが多かったり、表示が遅かったりと、様々な問題を抱えてしまいます。 そんな中で「3D on the Rocks」はクオリティがズバ抜けていて、多くの方々が感動するようなWebサイトだなぁ、と思わされます! 以上、国内外のWebサイト10個をご紹介してまいりました。 最後に自社ブランドのサイトも……(手前味噌ですが、素敵なのです。。)

焼きたてカスタードアップルパイ RINGO

http://ringo-applepie.com/より
http://ringo-applepie.com/より

池袋にオープンしたばかりの焼きたてカスタードアップルパイ、RINGO。Lettersさんがサイトを、maxillaさんが動画を制作してくださいました。 このWebサイトを見た方々からも「美味しそう!」という声が多くて嬉しいです。 それでは、お付き合いいただきありがとうございました!

こちらもあわせてどうぞ

・パッケージデザインが素敵な、日本の食品・飲料を集めました <29選> ・Web制作会社の探し方・比較方法・見積りの目安・お問い合わせ時に気をつけることって?

この記事をシェアする

いま話題の記事

the BAKE Magazine the BAKE Magazine BAKE INC. BAKE the ONLINE BAKE CHEESE TART CROQUANTCHOU ZAKUZAKU RINGO PRESS BUTTER SAND POGG Chocolaphil POSTBOX SAND COOKIE OIMON SOLES GAUFRETTE 八 by PRESS BUTTER SAND チーズころん by BAKE CHEESE TART 架空のパティスリー『しろいし洋菓子店』 CAICA flowers of nuts BAKE the SHOP