GENRE 01 / 06

カフェ・飲食店

Cafe & Restaurant

雰囲気と、メニューと、営業時間。

飲食店のサイトでお客さまが最初に探すのは「どんな雰囲気か」「何が食べられるか」「今日は開いているか」の3つです。写真の見せ方とメニューの読みやすさ、営業日のわかりやすさを、お店のテイストに合わせて作り分けました。

  • 写真で伝わる雰囲気
  • 読みやすいメニューと価格
  • 営業日・営業中かがすぐわかる
ほしくさ珈琲

画面にカーソルを乗せると下までスクロールします

APATTERN A

ナチュラル・おしゃれ系

ほしくさ珈琲(架空のお店)

ベージュ・白・木目で落ち着いた雰囲気に。余白と明朝体で、ゆっくり過ごせるお店らしさを出しています。

向いているお店
自家焙煎のカフェ、ベーカリー、古民家カフェ
配色
書体
Zen Old Mincho / Zen Kaku Gothic New / Cormorant Garamond
  • 今日が営業中かを自動で表示
  • メニューをタブで切り替え
  • 季節のおすすめを月で自動切替
  • 営業カレンダー(定休日を自動計算)
  • 焼き菓子ギフトの予約フォーム
Restaurant 久遠 KUON

画面にカーソルを乗せると下までスクロールします

BPATTERN B

高級・ラグジュアリー系

Restaurant 久遠 KUON(架空のお店)

黒・ゴールド・ダークブラウンで、料理写真とコースの価格を主役に。静かに浮かび上がる演出で特別感を出しています。

向いているお店
フレンチ・割烹・鉄板焼き・鮨などのコース料理店
配色
書体
Shippori Mincho / Cormorant Garamond
  • オープニング演出
  • コース料金とペアリングの切替
  • 料理を大きく見せる構成
  • シェフ紹介
  • コース×人数で概算が出る予約フォーム
HAPPY TOPPING

画面にカーソルを乗せると下までスクロールします

CPATTERN C

ポップ・若者向け

HAPPY TOPPING(架空のお店)

明るい色と大きな文字、動きのある演出で、人気メニューと期間限定を目立たせます。SNSで見つけた人がそのまま来たくなる作りです。

向いているお店
クレープ・スイーツ・ドリンクスタンド・キッチンカー
配色
書体
Dela Gothic One / M PLUS Rounded 1c
  • 季節限定を月で自動切替+カウントダウン
  • 人気ランキング
  • トッピングで価格が変わるカスタマイズ
  • 大きな文字と動き
  • フォトスポット・SNS導線
純喫茶 こまどり

画面にカーソルを乗せると下までスクロールします

DPATTERN D

レトロ・アットホーム

純喫茶 こまどり(架空のお店)

生成り・えんじ・こげ茶で、昭和から続く喫茶店の温かさを。日替わりの黒板メニューと、いまの時間帯のモーニング案内で、常連さんの多いお店らしさを伝えます。

向いているお店
喫茶店・洋食屋・老舗の食堂
配色
書体
Kaisei Decol / Zen Old Mincho
  • 本日の黒板メニュー(日替わり)
  • モーニングの時間案内
  • クリームソーダの色選び
  • マスターのあいさつと店の歩み
  • 常連さんの声
茶寮 ひより

画面にカーソルを乗せると下までスクロールします

EPATTERN E

和モダン・甘味処

茶寮 ひより(架空のお店)

白・抹茶・墨色で、凛とした和の空間を。季節の和菓子暦と抹茶体験の予約、手みやげの取り置きができます。

向いているお店
和カフェ・甘味処・和菓子店
配色
書体
Shippori Mincho / Zen Kaku Gothic New
  • 季節の和菓子暦(月ごとに切替)
  • 抹茶の点て方
  • 抹茶体験の予約
  • 手みやげの取り置き
  • お席の案内
GRAIN COFFEE ROASTERS

画面にカーソルを乗せると下までスクロールします

FPATTERN F

インダストリアル・ロースタリー

GRAIN COFFEE ROASTERS(架空のお店)

コンクリート・黒・クラフト紙で、焙煎所の空気感を。豆の味わいチャートで好みを探し、定期便の料金を計算できます。

向いているお店
自家焙煎・コーヒースタンド・ロースター
配色
書体
Space Grotesk / Noto Sans JP
  • 豆の味わいチャート(酸味・苦味)
  • 今週の豆のラインナップ(焙煎度で絞り込み)
  • 定期便シミュレーター
  • オンラインストア(カート)
  • 抽出レシピ
  • スタンドのメニューとスタッフ紹介

Compare

6つのパターンの違い

項目Aナチュラル・おしゃれ系B高級・ラグジュアリー系Cポップ・若者向けDレトロ・アットホームE和モダン・甘味処Fインダストリアル・ロースタリー
雰囲気ベージュ・白・木目で落ち着いた雰囲気に。黒・ゴールド・ダークブラウンで、料理写真とコースの価格を主役に。明るい色と大きな文字、動きのある演出で、人気メニューと期間限定を目立たせます。生成り・えんじ・こげ茶で、昭和から続く喫茶店の温かさを。白・抹茶・墨色で、凛とした和の空間を。コンクリート・黒・クラフト紙で、焙煎所の空気感を。
向いているお店自家焙煎のカフェ、ベーカリー、古民家カフェフレンチ・割烹・鉄板焼き・鮨などのコース料理店クレープ・スイーツ・ドリンクスタンド・キッチンカー喫茶店・洋食屋・老舗の食堂和カフェ・甘味処・和菓子店自家焙煎・コーヒースタンド・ロースター
見どころ今日が営業中かを自動で表示、メニューをタブで切り替え、季節のおすすめを月で自動切替オープニング演出、コース料金とペアリングの切替、料理を大きく見せる構成季節限定を月で自動切替+カウントダウン、人気ランキング、トッピングで価格が変わるカスタマイズ本日の黒板メニュー(日替わり)、モーニングの時間案内、クリームソーダの色選び季節の和菓子暦(月ごとに切替)、抹茶の点て方、抹茶体験の予約豆の味わいチャート(酸味・苦味)、今週の豆のラインナップ(焙煎度で絞り込み)、定期便シミュレーター

表は横にスクロールできます

Other genres

ほかの業種を見る

新しいタブで開く