メインコンテンツにスキップ

キッチンカー向けサイト

毎週の出店スケジュール、開閉式のアコーディオンメニュー、リアルタイムで計算できるケータリング料金計算ツール、そしてすべての問い合わせを管理者用受信箱に保存するお問い合わせフォームを備えた、キッチンカー向けのWebサイトです。

Lovable
·0件のリミックス

こんな用途におすすめ

  • 移動販売の飲食ビジネスを立ち上げる創業者
  • プライベートイベントやケータリングの受注
  • 常連客への毎週のスケジュール共有
  • ポップアップ出店からフルサービスのイベントへの事業拡大

主なポイント

  • 毎週の出店スケジュール
  • 開閉式メニュー
  • ケータリング料金計算ツール
  • テキストのスクロール表示
  • 食材ギャラリー
  • 管理者用メッセージ受信箱

技術スタック

ライブラリ

  • shadcn/ui
  • Supabase
  • TanStack
  • Drizzle
  • Sonner
  • Vitest

デプロイ

  • Lovable
  • GitHub

このテンプレートについて

お客様に出店場所や提供メニュー、イベントへの出張予約の方法を伝えるキッチンカー向けサイトです。6つのページで、週ごとの出店スケジュール、インタラクティブなメニュー、食材の仕入れ先、リアルタイムの料金計算機付きケータリング、お店のストーリー、Lovable Cloudに接続されたお問い合わせフォームを掲載できます。

出店スケジュール、メニューのグループ、ケータリングパッケージ、食材グリッドは、すでに構築とデザインが済んでいます。認証で保護された管理者用受信トレイ、色が変わるヘッダー、そして色とフォントを差し替えるだけでサイト全体のブランドを一新できるスタイルパックファイルも含まれています。時間をかけるのはコンテンツだけ、つまり実際の出店場所、実際の料理、実際の仕入れに関する説明です。

「ホーム」ページの冒頭には、ヒーロー写真、当日の出店場所がハイライトされた週5か所の出店スケジュール、人気商品の紹介、3件のお客様の声が並びます。「メニュー」ページでは、4つのグループと11品目を展開できる行で一覧表示します。「食材」ページには、スクロールするマーキーと6品目の仕入れ先グリッドがあります。「ケータリング」ページには、人数を増減できるステッパー、リアルタイムの料金表示、3段階のパッケージが含まれます。そして「私たちについて」と「お問い合わせ」のページでサイトが完成します。

Instagramのプロフィールリンクでメニューを紹介したり、静的なPDFを管理したりする方法と比べて、このテンプレートなら1か所で更新できる専用のアドレスが手に入り、お問い合わせはどの端末からでも確認できる受信トレイに届きます。

おすすめの活用シーン

週ごとの出店ルートの告知

すべてのSNSに1つのリンクを投稿するだけで、お客様はその週の出店場所を確認できます。各出店場所には曜日、場所、営業時間、Google Mapsのピンが表示されます。当日の出店場所は自動でハイライトされるので、過去の日付をスクロールする必要はありません。常連のお客様はページをブックマークして月曜の朝に確認すれば、どこに行けば会えるかがすぐにわかります。週に一度5件の情報を更新するだけで、すべてのプラットフォームの情報が最新の状態に保たれます。

見やすいメニューの掲載

各料理は展開できる行に収められています。価格はひと目でわかり、タップ1回で詳しい説明が開きます。4つのグループでタコス、ボウル、サイドメニュー、ドリンクを整理できるので、ページがごちゃつくこともありません。お客様は注文窓口に来る前にメニューを見て事前に決められるため、行列がスムーズに進みます。1回の営業で対応できる人数が増えれば、最も忙しい日の売上アップにつながります。

ケータリングの見積もりをその場で提示

ケータリングページでは、見込み客が40〜300人の範囲で人数を選ぶと、1人あたりの料金をもとにした合計額がリアルタイムで再計算されます。3段階のパッケージで価格帯の異なる選択肢を提示できるので、予算を軸に話を始められます。ボタン1つで人数がそのままお問い合わせフォームに引き継がれ、その日のうちに確定した見積もりを返信できます。

食材の仕入れへのこだわりを伝える

仕入れへのこだわりを流れるように表示するマーキーの下に、写真と産地に関する短い説明付きの6つの食材がグリッドで並びます。食材の産地を重視するイベントプランナー、企業向けケータリングの担当者、ウェディングコーディネーターにとって、キッチンカーを候補リストに加えるための十分な裏付けになります。仕入れの詳細を伝える1ページが、初めての問い合わせをケータリング契約の締結へとつなげることもあります。

はじめ方

1. テンプレートをリミックスする

「リミックス」をクリックすると、キッチンカー向けサイト一式が自分のワークスペースにコピーされます。6つのページ、管理者用受信トレイ、お問い合わせフォーム、ケータリング計算機、色が変わるヘッダーがすべて揃い、ブラウザ上ですぐに編集できます。最初からすべてLovable Cloudに接続されているため、設定作業なしでお問い合わせの内容が保存されます。

2. ブランドに合わせてカスタマイズする

スタイルパックファイルを開き、カラートークン、フォント、文字サイズの階層を、キッチンカーの塗装や看板に合わせて変更します。アクセントカラー、セカンダリカラー、背景はすべて1組の値で切り替わり、ヘッダー、フッター、各ページのセクションがまとめて更新されます。ヒーロー写真や食材の画像も自分のものに差し替えましょう。WebP形式ならモバイルでもページが速く表示されますが、どの画像形式でも使えます。

3. コンテンツを追加する

5件の仮の出店場所を、実際の場所、曜日、営業時間に置き換えます。メニューのグループと品目を編集し、自分の料理を現在の価格と説明付きで掲載しましょう。ケータリングパッケージには、1人あたりの料金と、あれば最低人数を記載します。「私たちについて」ページにはお店の始まりのストーリーを書き、仮のお客様の声を実際の声に差し替えます。注目の人気商品は1行で更新できます。

4. ツールを連携する

お問い合わせフォームは、すでにすべての送信内容をLovable Cloudに保存する仕組みになっており、新しいメッセージは届いた瞬間に管理者用受信トレイに表示されます。フッターには、実際のGoogle Mapsのリンク、SNSのプロフィール、メールアドレスを追加しましょう。外部のプラットフォームでオンライン注文を受け付けている場合は、メニューページかヘッダーのナビゲーションからリンクします。

5. 公開する

独自ドメインで公開し、URLをSNS、キッチンカーの看板、デリバリーアプリのプロフィールで共有しましょう。ケータリングの問い合わせや取材依頼が届いていないか、管理者用受信トレイを毎日確認します。毎週日曜の夜に週ごとの出店場所を更新すれば、月曜の朝のお客様はどこに並べばいいか迷いません。コンテンツが揃えば、この一連の作業は数分で終わります。

まとめ

このキッチンカー向けサイトのテンプレートは、移動販売ビジネスを営む事業者や創業者に、オンラインでの拠点を丸ごと提供します。1か所で更新できる出店スケジュールが、あちこちに散らばったSNS投稿に代わります。インタラクティブなメニューで、お客様は並ぶ前に注文を決められます。ケータリング計算機は、興味を持った訪問者に料金を提示し、イベントの予約へとつなげます。そして管理者用受信トレイがすべての問い合わせを受け止めるので、見落としがありません。デザインもドメインも、すべてのコンテンツも自分のものです。

テンプレートをリミックスして、次の営業までにキッチンカー向けサイトを公開しましょう。出店場所、料理、ケータリングパッケージはどれも数分で編集できるので、黒板に書く日替わりメニューのように、オンラインの情報もいつも新鮮に保てます。キッチンカー、SNS、デリバリーのプロフィールに1つのリンクを載せれば、お客様が居場所を見つけ、メニューを眺め、連絡を取れる場所が1つにまとまります。

機能・できること

  • 毎週の出店場所

    5か所の出店場所ごとに曜日、住所、営業時間、Google Mapsのリンクを表示し、当日の出店場所をハイライトするので、お客様がすぐに見つけられます。

  • 開閉式のメニュー項目

    4つのメニューグループに計11品を掲載し、タップするとアコーディオンが開いて説明と価格が表示されるため、ページをすっきり保てます。

  • リアルタイムのケータリング料金計算ツール

    40〜300人の範囲で人数を調整できるステッパーで1人あたりの料金をリアルタイムに掛け合わせ、算出した合計金額をそのままお問い合わせフォームに引き継ぎます。

  • 食材へのこだわりのスクロール表示

    仕入れに関する7つのこだわりがページ上を流れるように表示され、再生・一時停止ボタンを備えているほか、動きを減らす設定が有効な場合は自動的に停止します。

  • Lovable Cloudに保存されるお問い合わせフォーム

    フローティングラベルとインラインのバリデーションですべての問い合わせを受け付け、問い合わせの種類とステータスとともにLovable Cloudに保存するので、管理者がすぐに確認できます。

  • 保護された管理者用受信箱

    メール、Google、Appleでサインインすると、訪問者がお問い合わせフォームから送信したすべてのメッセージを閲覧、アーカイブ、管理できます。

  • 配色が切り替わるヘッダー

    ヘッダーが真下にあるセクションを検知して背景色と文字色を切り替えるため、どのコンテンツブロックの上でも読みやすさを保てます。

  • 食材の仕入れ紹介グリッド

    6種類の食材を写真や産地のストーリー、ホバーすると回転する装飾シェイプとともに紹介し、仕入れへのこだわりを印象づけます。

関連テンプレート

インテリア雑貨ECサイト2枚画像の商品カードとお気に入り保存
ダーク系クリエイター作品集ホバーで画像表示+パララックスのヒーロー
Therapist WebsiteTeam profiles, session rates and forms