フードトラックのウェブサイトテンプレート
良いフードトラックのウェブサイトテンプレートは、訪問者が素早く3つのことをできるようにするべきです。メニューを確認する、トラックの場所を探す、そして予約または問い合わせをすることです。以下のテンプレートは、Moremadeでワンクリックで実際に編集できるサイトを作成し、ライブでプレビューしながら、チャットでコピー、レイアウト、画像、セクションを変更できます。
フードトラックサイトで訪問者が求めること
フードトラックの訪問者の多くは、長く見て回りません。たいていは、実用的な質問に対してすぐ答えを知りたいだけです。
ページ上部付近にあると便利な情報:
- どんな料理を提供しているか
- 今日または今週、トラックがどこにいるか
- 営業時間
- 注文方法や予約方法
- 電話、メール、SNSリンク
プライベートイベントにも対応しているなら、それをはっきり示しましょう。フードトラックサイトを探している人の多くは、結婚式、オフィスランチ、マーケット、地域のお祭りを計画していて、出張可能か、どんなイベントに対応できるか、見積もりをどう依頼するかを知りたがっています。
含めるべきページとセクション
多くのフードトラックでは、大きなサイトよりもコンパクトなサイトのほうが効果的です。強いホームページ1つで多くをカバーでき、必要に応じて補助ページを追加する形が向いています。
おすすめの構成:
- ヒーローセクション: トラック名、料理のスタイル、対応エリア、明確なCTA
- メニュー: 定番メニュー、公開したい場合は価格、アレルギーや食事制限の注記、人気の組み合わせ
- 出店場所またはスケジュール: 定期出店先と、今後の出店予定やイベント
- プライベートケータリングまたはイベント: 予約で提供できる内容、人数規模、問い合わせ先
- About: トラックの短いストーリー、創業者、料理スタイル
- Contact: 電話、メール、問い合わせフォーム、必要に応じて地図情報
事前注文を受け付けるなら、注文セクションを明確に追加しましょう。メニューが頻繁に変わるなら、更新しやすいようにシンプルな構成にしておくのが大切です。
このビジネスに合うコピーと写真
フードトラックのコピーは、率直であるべきです。ブランド感の強い表現より、具体性のほうが重要です。
良いコピーに含まれるもの:
- 料理ジャンルをわかりやすく表現すること
- 看板メニュー
- 対応エリアまたは拠点都市
- プライベートイベントに対応するかどうか
- ベジタリアン、ビーガン、ハラール、グルテンフリー対応など、必要に応じた実用的な情報
写真は非常に重要です。次のような実物写真を使いましょう:
- 人気メニュー
- トラックの外観（見つけやすくするため）
- 受け渡し口と行列の様子
- イベントでのケータリング設営
可能ならストック写真は避けましょう。少しラフでも、自分たちのトラックの実際の写真のほうが、どこにでもあるような洗練された画像よりずっと役立ちます。
追加すると役立つ機能
適切な機能は、実際の販売方法によって変わります。
フードトラックのウェブサイトに役立つ機能:
- 問い合わせフォーム: ケータリングやイベントの問い合わせ用
- 地図や所在地情報: お客さまが見つけやすくするため
- Stripe checkout: 予約金の受け取り、チケット販売、ケータリング代金の回収に使いたい場合
- 予約問い合わせフロー: プライベートイベント用
- メール登録: 毎週の出店情報や特別イベントのお知らせ用
Moremadeには、Stripe決済、ResendまたはSendGridによるメール送信、必要ならデータベース、サインイン、ファイル保存に使えるSupabaseの組み込みコネクタがあります。オンラインで予約金を受け取りたいならStripeが最適です。主に見込み客の問い合わせを集めたいだけなら、シンプルな問い合わせフォームで十分なことも多いです。
Moremadeで公開する方法
Moremadeは、ウェブサイトとモバイルアプリのためのAIスタジオです。自然な言葉でサイトを説明すると、AIエージェントがソースコードを生成し、確認用のライブプレビューが表示されます。
そこからできること:
- チャットでセクションを変更する
- ビジュアルインスペクターで要素を指して編集する
- コードビューを確認する
- バージョン履歴をさかのぼる
ウェブサイトは実際のReactとTailwindコードとして構築されます。いつでも完全なソースをZIPで書き出すか、GitHubに送ることができます。
サイトの準備ができたら、ワンクリックで無料の yourname.moremade.ai サブドメインに公開できます。有料プランでは独自ドメインを接続できます。ドメインはMoremade内で購入することも可能です。
公開前のチェックリスト
公開前に、基本項目を確認しましょう:
- メニュー項目と価格が最新か
- 電話番号とメールアドレスが正しいか
- 予約フォームの送信先が正しい受信箱か
- 営業時間と定期出店場所が正確か
- プライベートイベントの情報が明確か
- 写真がモバイルで問題なく読み込まれるか
- CTAが最初の画面で見えるか
- ドメイン、ページタイトル、メタディスクリプションが設定されているか
フードトラックのサイトは、誰かがすでに食事先を決めようとしているモバイル環境で使われることがよくあります。ページは軽く、読みやすく、すぐ行動できるように保ちましょう。
よくある質問
Moremadeでフードトラックサイトを作るにはいくらかかりますか？
Moremadeには、30日ごとに10 Build Unitsが使える無料プランがあります。最初のサイト作成は約8ユニット、小さな編集は約1ユニットです。有料プランは年額請求で月額$17から、月払いでは$20からで、30日ごとにより多くのBuild Unitsが含まれます。
自分のドメイン名を使えますか？
はい。無料プランでは、無料の moremade.ai サブドメインに公開できます。有料プランでは独自ドメインを接続でき、ドメインはMoremade内で購入することもできます。
サイトを後から作り直さずに編集できますか？
はい。チャットでサイトを変更したり、ビジュアルインスペクターで特定の要素を編集したり、コードビューで作業したりできます。Moremadeには対象プランでバージョン履歴もあり、ソースコードをZIPで書き出すかGitHubに送ることもできます。
フードトラックサイトで押さえるべきSEOの基本は何ですか？
まず、わかりやすいページタイトル、短いメタディスクリプション、見える場所情報、モバイル対応レイアウト、そして料理ジャンルと対応エリアを平易な言葉で示すテキストを用意しましょう。連絡先を見つけやすくし、メニューとスケジュールを最新に保つことも大切です。
サイトで予約や支払いを受け付けられますか？
はい、運営方法によります。ケータリングの問い合わせフォームを追加できますし、オンラインで予約金や支払いを受け取りたい場合は、Moremadeの組み込みStripeコネクタが使えます。