飲食店サイトの例：レストラン、カフェ、ケータリング、フードトラック
ピザ店、カフェ、ケータリング、フードトラックのサイト例を注釈付きで紹介。メニューの読みやすさ、営業時間、注文方法、食事情報を比較し、自分のサイト用概要書を作れます。
飲食店の優れたサイトは、通常スマートフォンで見られることを踏まえ、何を食べられるか、いくらか、いつ営業しているか、注文や予約をどうすればよいかという4つの疑問にすぐ答えます。以下はWe.Incが一文のプロンプトから制作したデザイン例です。実在の事業者でも顧客サイトでもありません。各例の優れた点と、追加が必要な情報を説明します。
例の選び方
訪問者の目的が異なる4種類の飲食事業を選びました。
- レストラン：メニューと価格を確認し、予約または注文する。
- カフェ：営業時間と場所を確認し、メニューを見る。
- ケータリング：プランを理解し、イベントについて問い合わせる。
- フードトラック：今日の出店場所を確認する。
各例を、メニューの読みやすさ、営業時間、注文・予約の流れ、食事に関する情報、小さい画面での使いやすさという同じ5点で評価します。
注釈付きの例
1. ピザレストラン（デザイン例：「Denver Crust」）
- 優れた点：大きな料理写真と簡潔な見出しで、どんな店かがすぐ分かります。
- 公開前に追加：価格付きで、PDFや画像ではないテキスト形式のメニューを掲載します。スマートフォンで読みやすく、検索エンジンにも見つけてもらえます。ヘッダーには見える位置に「注文」または「予約」ボタンを置きます。
2. カフェ（デザイン例：「Denver Brew Co.」）
- 優れた点：カフェに合う落ち着いたレイアウトで、短いメニューを載せる余白があります。
- 公開前に追加：各曜日の営業時間をページ上部に、地図へのリンク付き住所を掲載します。提供している場合は、代替ミルクについても記載します。
3. ケータリング（デザイン例：「Phoenix Catering Co.」）
- 優れた点：ケータリングを依頼する目的に合ったイベント写真を使っています。
- 公開前に追加：「〜から」の価格または1人あたりの価格帯、最低人数、対応地域を掲載します。日付、人数、食事制限を一度に尋ねる問い合わせフォームも用意します。
4. フードトラック（デザイン例：「Seattle Street Eats」）
- 優れた点：屋台料理に合う大胆で気軽なスタイルです。
- 公開前に追加：1分で更新できる「今週の出店場所」スケジュールと、当日の変更を投稿するSNSアカウントへのリンクを掲載します。
事業タイプ別の機能比較
| 訪問者が必要とするもの | レストラン | カフェ | ケータリング | フードトラック |
|---|---|---|---|---|
| 価格付きテキストメニュー | 必須 | 必須 | 代わりにプラン | 短いメニュー |
| 営業時間 | 必須 | 必須、ページ上部に | 事務対応時間のみ | 週間スケジュール |
| 注文または予約ボタン | ヘッダーに | 任意 | 問い合わせフォーム | 事前注文は任意 |
| 食事に関する情報 | 料理ごとに表示 | ミルクとアレルゲンの注意 | フォームで確認 | 商品ごとに表示 |
| 場所 | 住所＋地図 | 住所＋地図 | 対応地域 | 毎日変更 |
飲食店サイト用の概要書をコピー
以下を記入して、サイト作成ツールやデザイナーに渡す最初の概要書として使います。We.Incがサイトを作る際も、一文の説明に詳細を加えた指示を使います。
事業：[店名]、[都市]の[レストラン／カフェ／ケータリング／フードトラック]
訪問者の主な目的：[メニューと予約／営業時間／イベント問い合わせ／今日の出店場所]
ページ：ホーム、メニュー、[予約／注文／ケータリングプラン／出店予定]、会社概要、お問い合わせ
メニュー：価格と食事表示（V、VG、GF）付きのテキスト
営業時間：[曜日と時間]
主なボタン：[テーブルを予約／オンライン注文／見積もり依頼／今週の出店場所]
スタイル：[例：温かい、素朴、明るい、2〜3語]取り入れる点と真似しない点
- 取り入れる：レイアウト、セクションの順番、主ボタンを1つ明確に置く考え方。
- 真似しない：他店の写真やメニューの文章、レビュー。自分で撮影した料理写真を使い、実際に受け取ったレビューだけを掲載します。明るい場所で撮ったスマートフォン写真でも構いません。
- 避ける：メニューをPDFや画像だけで掲載すること。スマートフォンで読みづらく、検索にも表示されません。
- アレルゲンを掲載する場合は正確さを保ち、更新日を記載します。正確に示せない場合はスタッフへの確認を促します。
用途に合うテンプレートから始める
ビジネスサイトのテンプレートを見るか、We.Incのウェブサイトビルダーが一文の説明から上記の例のようなデザインを作る仕組みをご覧ください。Freeプランではwe.incアドレスのテンプレートサイトを最大3つ利用できます。AIによる作成と独自ドメインはStarter（月額$20）から利用できます（料金を見る）。公開したらウェブサイト評価ツールを実行し、ウェブサイト費用計算ツールで選択肢を比較してください。
よくある質問
飲食店のサイトには何を掲載すべきですか？
最低限、価格付きのテキストメニュー、営業時間、場所、注文・予約・問い合わせの明確な方法、食事表示を掲載します。ケータリングではメニューの代わりにプランを、フードトラックでは週間の出店場所を掲載します。
この例は実在するレストランのサイトですか？
いいえ。レイアウトを紹介するために、We.Incが一文のプロンプトから制作したデザイン例です。事業名は仮のものです。
メニューはPDFにすべきですか？
ページ上に通常のテキストで掲載するほうが適しています。テキストならスマートフォンで読みやすく、更新しやすく、検索エンジンにも読み取られます。追加ダウンロードとしてPDFを用意することはできます。
無料で始める · クレジットカード不要
製品
- AI ホームページ作成ツール：作りたいサイトを普段の言葉で伝えるだけで、数分で公開
- ホワイトラベル プラットフォーム：自社ブランド、自社ドメイン、自社の利益で運営
- エンタープライズ：SSO、個別の SLA、専任サポート
- 開発者向け API：自社の SaaS にサイト生成機能を組み込み
ご利用いただける方
- 制作会社・代理店向け：自社ブランドで再販
- フリーランス向け：自分ブランドのビルダーを持つ
- ホスティング事業者向け：サービスにビルダーを追加
- SaaS プラットフォーム向け：API でサイト作成を組み込み
- スタートアップ向け
- 金融サービス向け
- 医療・ヘルスケア向け