見ると行きたくなる飲食店のホームページ10選!デザインのコツは○○ – ゾウデザ

デザイナーハック

 飲食店のホームページで一番重要なものはたった一つ。

写真の見映えです。

写真にお金をかけましょう!

でもまだまだホームページありませんって飲食店もちらほら。

ブランディングや集客といった点でとても有効なので、できればホームページは持っていた方がいいです。

今日は参考になるお洒落な飲食店のホームページを纏めてみました。

では、いってみましょう。

スポンサードリンク

 

1. 料亭のホームページ

東京 瓢喜のウェブデザイン

出典:東京 瓢喜

 

白と紺色でまとまったすっきりとした飲食店のホームページ。

装飾は最低限に抑え、高級感やこだわりも伝わってきます。 和風飲食店なんかはお手本にしたいですね。  

 

 

2. お菓子屋のホームページ

nagara tatinのウェブデザイン

出典:nagara tatin

 

朱色が印象的なレスポンシブデザインのホームページ。

縦スクロールしていくと、①こだわり、②製品紹介、③店舗情報、④連絡先といった流れ。

ユーザーの導線まできちんと設計された、LP風なホームページ。

 

 

3. パン屋のホームページ

GONTRAN CHERRIERのウェブデザイン

出典:GONTRAN CHERRIER

 

商品写真を左右にダイナミックにバランスよく配置したお洒落なホームページ。

最近このタイプのホームページが流行ってます。  

 

 

4. 定食屋のホームページ

タニタ食堂のウェブデザイン

出典:タニタ食堂

 

優しい色使いで、親近感、安心感のあるホームページ。

料理だけでなく人物の写真を掲載すると、活発さや、元気な雰囲気を見る人に伝えることができます。

求人サイトなんかでも、人物写真は効果的です。  

 

 

5. 居酒屋のホームページ

居酒屋カヨウのウェブデザイン

出典:居酒屋カヨウ

 

豚のかわいいイラストがいい感じ。

白ベースのウェブデザインで、写真も映えてます。

その日のオススメ商品を掲載することで、注文をその商品へ促すようにしています。  

 

 

6. レストランのホームページ

THE WORKSのウェブデザイン

出典:THE WORKS

 

こういうデザイン大好きです(笑)

レトロで雑誌の紙面っぽいホームページ。

写真の上に、筆記体のフォントを載せるデザインは海外サイトでよく見かけます。  

 

 

7. 食堂のホームページ

食堂souffleのウェブデザイン

出典:食堂souffle

 

黄色のブランディングイメージを前面に出した食堂のホームページ。

フォント、文字サイズ、色使い、四角の角丸が『かわいい』要素としてうまく協力しあっています。

一目で印象にのこる斬新なホームページ。

 

 

8. バーのホームページ

bib barのウェブデザイン

出典:bib bar

 

全画面のヘッダー画像がインパクト大。 写真のクオリティも高いです。  

 

 

9. カフェのホームページ

猿田彦のウェブデザイン

出典:猿田彦

 

こちらも先ほどのサイトと同様、大きな商品画像で訴求力高め。

最近は、文字よりもビジュアル重視の飲食店のホームページが多いです。

 

 

10. かわいいイラスト系のホームページ

cafe茉莉花のウェブデザイン

出典:cafe茉莉花

 

こちらのホームページもツボです(笑)

ゆるいイラストがたまりませんね。 大好きです。

カフェのホームページは手書きのかわいいイラストなんかが目を引きます。

 

 

まとめ

いかがでしたか。

飲食店のホームページでは写真のクオリティが大事。

今日ご紹介させていただいたホームページはどれもシンプルで分かりやすいものばかりでしたね。

飲食店のサイトでは激しい動きは控えて、分かりやすく、シンプルなデザインがおすすめです。

でわ。

Visited 122 times, 4 visit(s) today

コメント

タイトルとURLをコピーしました