本文へジャンプ

【深夜閲覧注意】見るほどに食べたくなる!? 美味しそうなWebサイト5選!!【食べたい!】

Posted by Yuji Ushida

どーして おっなかは へるのかな♪
Webデザインを生業にしている皆さん、こんにちは、こんばんは!
MD-USHIDAです。

みなさん、お腹、へってます?
僕はへってます。今もです。

最近、プロジェクトの関係で"食べ物系のWebサイト"をよく見てたりするんですけど、以前に比べると最近は「美味しそうなサイト」が増えてきたなぁと思います。
深夜作業の合間にも見つけてしまったりするのですが、お腹がへってたまらなくなるので、この空腹感を皆さんにもお裾分けさせてください。

いますぐオフィスを飛び出したくなる、美味しそうなWebサイト5選!!

さあ、一緒に悶絶しましょう。

Stephen Hamilton

http://stephenhamilton.com/

図1 - 【深夜閲覧注意】見るほどに食べたくなる!? 美味しそうなWebサイト、5選!!【食べたい!】

TOPページに並べられた写真・動画が圧巻のクオリティー! シズル感、満載です。
一画面にこれだけたくさんの食べ物を並べようとすると、レイアウトがぐちゃぐちゃになりがちで、逆に食欲を減退させがち!なのですが、このサイトは絶妙なレイアウト感でその混雑を回避しています。

Roux at Parliament Square

http://rouxatparliamentsquare.co.uk/

図2 - 【深夜閲覧注意】見るほどに食べたくなる!? 美味しそうなWebサイト、5選!!【食べたい!】

このサイトは、たった一枚の写真で、画面のデザインを作り上げています。
左右のボタンを押すごとに写真が切り替わりますが、TOPページのコンテンツだけでこのお店を表現する"アルバム"になっています。
もちろん、すべての写真がハイクオリティーです。躍動感!

gilgul

http://gilgul.co.il/

図3 - 【深夜閲覧注意】見るほどに食べたくなる!? 美味しそうなWebサイト、5選!!【食べたい!】

シネマグラフGIFとスリットなパララックスの演出を効果的に使用した、おしゃれなサイト。
映像データではなく敢えてシネマグラフGIFを使うことで、見ている側に"想像させる"、良いアクセントになっています。
TOPの画面からは「ぐつぐつ」といった音が聞こえてきそう。

御用蕎麦司 本家尾張屋

http://honke-owariya.co.jp/

図4 - 【深夜閲覧注意】見るほどに食べたくなる!? 美味しそうなWebサイト、5選!!【食べたい!】

こちらもパララックス効果とスライドが使われたサイトですが、日本の特徴を散りばめた写真がきれいで、印象的です。
お菓子の写真は白背景で、やさしく。食事メニューには黒背景を用いて、力強く。
侘寂が効いてますね!

la pierre qui tourne

http://www.lapierrequitourne.com/

図5 - 【深夜閲覧注意】見るほどに食べたくなる!? 美味しそうなWebサイト、5選!!【食べたい!】

印象的なイラストレーションと写真で構成された縦長のサイト。
背景にイラストを敷き、商品写真を乗せることで、独特な世界観を生み出しています。クッキーがよりおいしそうに見えますね。
「NOS BISCUITS」ページにある、クッキーを紹介するアニメーションも、かわいいです。

おまけ

ちゃんぽん亭 総本家

http://www.chanpontei.com/

図6 - 【深夜閲覧注意】見るほどに食べたくなる!? 美味しそうなWebサイト、5選!!【食べたい!】

オープニングの映像に惹きつけられ、
最後の「定番メニュー」画面でトドメを刺される、
なるべく深夜に会いたくないサイトです。w

まとめ

以上、いかがだったでしょうか? もう、僕はこのブログを書きながら、腹ぺこです。

「美味しそうなWebサイト」のポイントは、クオリティーの高い写真を大きく使い、商品(お店)の世界観を強く印象付けるコトのようです。
写真や映像といったコンテンツが大事なのはもちろんですが、それをうまく見せるページデザインも重要ですね。

はらへった...。。。

FRESHERS WANTED!
Recent Entries
MD EVENT REPORT
What's Hot?
日本各地の酒蔵との直取引により厳選して仕入れた日本酒を世界に販売
2018年度 新卒採用 Webデザイナー/エンジニア、プロデューサー/ディレクター募集
Movable Type AWS 移管&アップグレード サービス
SNS・ブログ・メールからの流入数が一目でわかる
こんな僕たちの仲間に入りませんか?
50,000円からのシネマグラフ(Cinemagraph)制作
TAKUYAが教えるギター・レッスン
KenKenが教えるベースギター教則アプリ
SNS連動型クチコミ拡散システム「レビュー ジェネレーター サービス」
1時間1万円の撮影スタジオ
Share this on
Facebook Twitter Google+ Tumblr