画面にカーソルを乗せると下までスクロールします
APATTERN A
ナチュラル・おしゃれ系
ほしくさ珈琲(架空のお店)
ベージュ・白・木目で落ち着いた雰囲気に。余白と明朝体で、ゆっくり過ごせるお店らしさを出しています。
- 今日が営業中かを自動で表示
- メニューをタブで切り替え
- 季節のおすすめを月で自動切替
- 営業カレンダー(定休日を自動計算)
- 焼き菓子ギフトの予約フォーム
GENRE 01 / 06
Cafe & Restaurant
雰囲気と、メニューと、営業時間。
飲食店のサイトでお客さまが最初に探すのは「どんな雰囲気か」「何が食べられるか」「今日は開いているか」の3つです。写真の見せ方とメニューの読みやすさ、営業日のわかりやすさを、お店のテイストに合わせて作り分けました。
画面にカーソルを乗せると下までスクロールします
APATTERN A
ほしくさ珈琲(架空のお店)
ベージュ・白・木目で落ち着いた雰囲気に。余白と明朝体で、ゆっくり過ごせるお店らしさを出しています。
画面にカーソルを乗せると下までスクロールします
BPATTERN B
Restaurant 久遠 KUON(架空のお店)
黒・ゴールド・ダークブラウンで、料理写真とコースの価格を主役に。静かに浮かび上がる演出で特別感を出しています。
画面にカーソルを乗せると下までスクロールします
CPATTERN C
HAPPY TOPPING(架空のお店)
明るい色と大きな文字、動きのある演出で、人気メニューと期間限定を目立たせます。SNSで見つけた人がそのまま来たくなる作りです。
画面にカーソルを乗せると下までスクロールします
DPATTERN D
純喫茶 こまどり(架空のお店)
生成り・えんじ・こげ茶で、昭和から続く喫茶店の温かさを。日替わりの黒板メニューと、いまの時間帯のモーニング案内で、常連さんの多いお店らしさを伝えます。
画面にカーソルを乗せると下までスクロールします
EPATTERN E
茶寮 ひより(架空のお店)
白・抹茶・墨色で、凛とした和の空間を。季節の和菓子暦と抹茶体験の予約、手みやげの取り置きができます。
画面にカーソルを乗せると下までスクロールします
FPATTERN F
GRAIN COFFEE ROASTERS(架空のお店)
コンクリート・黒・クラフト紙で、焙煎所の空気感を。豆の味わいチャートで好みを探し、定期便の料金を計算できます。
Compare
| 項目 | Aナチュラル・おしゃれ系 | B高級・ラグジュアリー系 | Cポップ・若者向け | Dレトロ・アットホーム | E和モダン・甘味処 | Fインダストリアル・ロースタリー |
|---|---|---|---|---|---|---|
| 雰囲気 | ベージュ・白・木目で落ち着いた雰囲気に。 | 黒・ゴールド・ダークブラウンで、料理写真とコースの価格を主役に。 | 明るい色と大きな文字、動きのある演出で、人気メニューと期間限定を目立たせます。 | 生成り・えんじ・こげ茶で、昭和から続く喫茶店の温かさを。 | 白・抹茶・墨色で、凛とした和の空間を。 | コンクリート・黒・クラフト紙で、焙煎所の空気感を。 |
| 向いているお店 | 自家焙煎のカフェ、ベーカリー、古民家カフェ | フレンチ・割烹・鉄板焼き・鮨などのコース料理店 | クレープ・スイーツ・ドリンクスタンド・キッチンカー | 喫茶店・洋食屋・老舗の食堂 | 和カフェ・甘味処・和菓子店 | 自家焙煎・コーヒースタンド・ロースター |
| 見どころ | 今日が営業中かを自動で表示、メニューをタブで切り替え、季節のおすすめを月で自動切替 | オープニング演出、コース料金とペアリングの切替、料理を大きく見せる構成 | 季節限定を月で自動切替+カウントダウン、人気ランキング、トッピングで価格が変わるカスタマイズ | 本日の黒板メニュー(日替わり)、モーニングの時間案内、クリームソーダの色選び | 季節の和菓子暦(月ごとに切替)、抹茶の点て方、抹茶体験の予約 | 豆の味わいチャート(酸味・苦味)、今週の豆のラインナップ(焙煎度で絞り込み)、定期便シミュレーター |
表は横にスクロールできます
Other genres