いらっしゃいませ。今日は、ホームページ作りの際にお手本にしたいお洒落なホームページを集めました。
自作するにしても、制作会社にお願いするにしても、参考となるWEBサイトを見つけておくと制作がスムーズです。業態ごとに分けたので、気になるところからご覧ください。
もくじ
お洒落な飲食店ホームページ参考サイト※随時追加予定
ラーメン
ぱっきりはきはきわかりやすいデザインです。日本語や漢字がデザインの一部となっていてお洒落ですね。
和食
お豆腐屋さんのホームページでして、相当お洒落です。シンプルながらも計算され尽くしたデザイン性。すごい。
うどん
丸亀製麺
ご存知丸亀製麺のホームページです。イラスト多様で万人ウケするデザインです。企業サイトのお手本的な清く正しく親近感のあるお手本サイト。
カレー
インパクト勝負！カレー屋さんのホームページです。メインカラーは黄色で華やかなデザイン。刺激的なイメージのあるジャンルはこういったデザインパターンもありですね。
中華
中華のお洒落なホームページがなかなか見つかりづらいのですが、こちらはすっきり今時おしゃれ。ほとんど白と赤しか色がないのですよね。それが逆にお洒落。手軽に真似できる秀逸デザインです。
【おすすめのHP作成ツール】
＜No.1＞WordPress ｜解説記事 >
＜No.2＞ジンドゥ｜解説記事 >
＜No.3＞グーペ｜解説記事 >
洋食
スペイン料理屋さんのホームページです。メイン商品のパエリアが印象的。黒ベースに仕上げているので、高級感ありますね。ちょっと単価の高いお店は黒ホームページ相性良しです。
ダイニング
ダイニングレストランのホームページです。なんといってもこのヒーロー画像のチョイスが天才的。誰が考えたんでしょうね。デザインをがちゃがちゃいじらずとも、こんな感じで画像にインパクト持たせるのも盗みたい技。
お菓子
BAKEチーズタルトなどの親会社のホームページ。というのは、こちらの会社のブランド全て、信じられないくらいお洒落すぎなので、全部見てほしいです。まちがいなくデザイン性No.1。すごすぎます。
専門店
フライドポテト屋さんのホームページです。海外POPな感じですが、色がモスキーなので渋さもあっていい感じ。ポップなお店でもこんな感じでトーンにこだわるとお洒落なホームページができそうです。ページの作りもお洒落です。
ビール
クラフトビール推しのホームページです。イラスト多用で親近感あり。情報量も多くて見応えあるので、しっかりビール好きが集まりそうですね。販売メニューにこだわりがある場合は、このくらい商品推しもありかもです。
お茶
緑茶屋さんのホームページです。ここはいったん訪問してもらえばわかりますが、ウォータリーなエフェクトが可愛くて、ついついあちこちクリックしちゃうようなサイトなのです。柔らかなデザインも素敵。
最高なデザインが必ず見つかる！WEBギャラリーサイトまとめ
ここからハイクオリティなデザインが見つかる、最高なWEBギャラリーサイトを見ていきます。
制作会社が作ったお洒落なホームページばかりが集まっているので、真似するには正直レベル高すぎかも...。ですが、制作未経験者でも真似しやすいシンプルなデザインのサイトを「サイト例：〜」としてピックアップしておきました。
muuuuu.org
参考サイト：muuuuu.org
サイト例：.ar
SANKOU!
81-web.com
参考サイト：81-web.com
サイト例：hi cheese
I/O 3000
参考サイト：I/O 3000
サイト例：Soup Stock Tokyo
Web Design Clip
参考サイト：Web Design Clip
サイト例：八屋
イケサイ
参考サイト：イケサイ
サイト例：EAT PLAY WORKS
S5-Style
参考サイト：S5-Style
サイト例：カリオモンズコーヒーロースター
LPアーカイブ
デザイン入門本1冊くらいは読んでおくとスムーズ
ホームページ作成サービスを使って上記のようなサイトを真似するだけでも、かっこいいホームページは作れます。とはいえ、制作基礎入門あたりのデザイン本1冊くらいは読んでおいたほうがスムーズです。動画でももちろんOK。かっこいいサイトを作るために、さささっと全体感は把握しときましょう。時間も無駄にせず済みますよ。
初心者におすすめのデザイン入門本
デザイン入門書だけを集めた記事もあるのでもっと知りたい方はぜひチェックを。
>【飲食店ホームページ制作用】WEBデザイン入門書おすすめ12冊
