食べ物を扱うレストランやカフェなど飲食系ウェブサイトでは、フルスクリーンで表示されるイメージ写真を活用しているケースをよく見かけます。お店の雰囲気をうまく演出し、思わずヨダレがたれそうな食欲を刺激するデザインが素敵です。
海外デザインブログLine25.comで、飲食関連のWebサイトデザインをまとめたエントリー「20 Tasty Website Designs from the Food Industry」が公開されいたので、今回はご紹介します。
詳細は以下から。
食欲を刺激する、レストランやカフェなど飲食系Webサイトデザインまとめ
トップページにフルスクリーンでイメージ写真が表示され、ユーザーへの注目を集めます。
食卓に並ぶ美味しそうな料理と、太字タイポグラフィーの組み合わせがミニマルでトレンドを感じます。
使用されているイメージ写真の質感を揃えることで、ウェブサイトの統一感を演出できる点は参考に。
背景全体にイメージ写真を使い、お店のメイン料理のステーキが煙を立てて、じゅうじゅう焼けています。
鮮やかな黄色をつかった配色が、爽やかな気分にさせてくれるレストランのWebsサイト。
お店の人気メニューをトップページに表示し、スクロールすることでコンテンツが出現する仕組み、飲食サイトではよく見かけますね。
レストランの食卓風景をそのまま写真に収め、訪れてみたい気持ちを高めます。
甘さたっぷりなカップケーキは、コンテンツごとにカラフルな配色が素敵なWebサイトに仕上がっています。
タイポグラフィーや配色など黒をスタイリッシュに使った、ビンテージ風デザインが魅力的なバーベキューレストラン。
薄暗く赤いネオンに照らされたバー店内には、名物の巨大ハンバーガーが浮かび上がります。
余白スペースをタップリと使ったミニマルスタイルは、お店のコンセプトを見事に反映したデザインとなっています。
手作りチョコレートのお店ですが、ウェブサイト全体にザラッとしたグランジテイストを追加し、ぬくもりのある手作り感を演出。
左側に固定されたナビゲーションメニューに必要事項を載せ、巨大なイメージスライダーを実装しています。
結婚式や野外イベントなどにケータリングしてくれる料理の数々が、パララックスエフェクトを使いスルスルと表示されていきます。
食べ物に関するマーケティングを得意とした会社で、どれも食欲をかきたてるイメージ写真が印象的。
サムネイル@ : Whoa Nelly Catering – Seasonal SoCal Catering
参照元リンク : 20 Tasty Website Designs from the Food Industry – Line25.com