Advertisement

shakshuka

 

海外デザインブログTheNeoDeisgnで、フルスクリーンイメージを使った、飲食やフード系Webデザインサイトをまとめたエントリー「Creative Food Related Web Designs with Fullscreen Background」が公開されていたので、今回は特に印象に残ったデザインをまとめてご紹介します。

 

 

[list type=”star”] [li]食欲を刺激する、レストランやカフェなど飲食系Webサイトデザインまとめ[/li]

[li]彩りきれいなフード、カフェ関連のウェブサイトデザイン25個まとめ[/li]

[li]コンテンツをより魅力的に、フルスクリーン写真を使ったWebデザインまとめ : フルスクリーンイメージを使ったJSプラグインを一緒にまとめています。[/li][/list]

 

 

詳細は以下から。

 

 

 

思わず行ってみたくなる、美味しそうなフード系Webサイトデザインまとめ

 

Farmer’s Market Kitchen

farmersmarket

 

 

 

Mah Ze Dahr Bakery

pureingredients

 

 

 

Gilgul

グツグツと煮え立つ様子をGIFアニメーションで再現しています。

gilgul

 

 

 

Monte Re

スクロールするたびにアニメーション付きでレイアウトされるサムネイルも雰囲気あるものばかり。

monters

 

 

 

Lemonade

南カリフォルニアフードを提供するレストランチェーンで、ブランドイメージにマッチした配色が素敵です。

lemonade

 

 

 

Caravana

タイポグラフィーを使ったロゴとメニューがスタイリッシュな雰囲気を演出し、水平方向へコンテンツが移動します。

caravan

 

 

 

Joe’s Garage

レトロ風に写真加工された味わい深いイメージ写真も使い、ブランドイメージを確立しています。

joesgarage

 

 

 

Pomo

ビデオ動画を使い、右からコンテンツが押し出されるような展開の仕方がユニーク。

pomo

 

 

 

Aqua Restaurant

コンテンツごとにイメージ写真を切り替え、店内の様子をより鮮明に映し出します。

food-related-websites-inspiration

 

 

 

Blackhouse

properfood

 

 

 

Fresh Salsas!

美味しそうなメニューの数々が、スライダーを使って切り替わります。

delicious

 

 

 

The Paper Mill

thepapermill

 

 

 

Heritage Chickens Fresh Farm Eggs

巨大なタイポグラフィーを効果的に使ったサイトデザイン。

heritage

 

 

 

Whitmans

看板メニューにもなっているハンバーガーをモチーフにした、ローディング画面を採用しています。

whitmans

 

 

 

Pressels

パララックスエフェクトを使い、スクロールする度にさまざま仕掛けが用意されています。

pretzel

 

 

 

JoesCrabShack

豪快に盛られた蟹が、食欲をそそるフード系Webサイトデザイン。

joes

 

 

 

Ryvita

商品に含まれている原料をより分かりやすく、アニメーション付きで解説しているサイト。

crispbread

 

 

 

Plah

thesaturaday

 

 

 

La Buena Vida del Sur

スクロールする度にふわりと浮かび上がるアニメーション効果を実装した、シングルページ完結型レイアウト。

labuenavida

 

 

サムネイル@ : Chicken Parm Hero – Plate the Slate

参照元リンク : Creative Food Related Web Designs with Fullscreen Background – TheNeoDesign