キッチンカーのどーかどーか

サイトの概要

「キッチンカーのどーかどーか」は、店舗を持たないキッチンカー業態を想定した制作サンプルです。住所を持たない商売では、サイトの役割が「場所と時間を知らせること」に変わります。そこでこのサンプルは1ページ完結の構成にして、出店スケジュールを主役に据えました。日付・時間・出店場所をチケットの半券風カードで並べ、「今どこで買えるか」がスクロールしてすぐ分かるようにしています。

配色はマスタードイエローとエスプレッソブラウン。黒枠とズレたドロップシャドウを効かせたポップなカードデザインで、キッチンカーならではの元気な雰囲気を演出しています。スクロールに合わせて要素がふわりと現れるフェードインを全体に効かせ、1ページでも最後まで読み進めたくなる流れをつくりました。

デザイン・構成のポイント

メニューは看板の島タコライスを含む4品に絞り、それぞれ英語表記・日本語名・説明の3段で見せています。品数の少なさは弱点ではなく「これで勝負している」という主張になるので、あえて絞ったまま大きく載せる構成にしました。音楽フェスやビーチイベントへの出店はスケジュールカードの中で見た目を変えて強調し、通常営業と区別できるようにしています。

予約は受け付けない、車内・車外にイートインスペースはない、売り切れ次第終了といった、キッチンカーだからこそ先に伝えておかないとトラブルになることは、よくある質問5問にまとめました。最新の完売情報や急な場所変更はInstagramで発信する前提にしており、サイト側はメニュー・こだわり・店長紹介・ケータリング相談という、更新頻度の低い情報を受け持ちます。

もうひとつの軸が、イベント出店・ケータリングの相談セクションです。個人のお客様向けの情報だけで終わらせず、音楽フェスの主催者や企業の福利厚生ランチの担当者が読んで問い合わせできる導線を独立させています。キッチンカーは1日単位の売上が天候に左右されるため、法人からのまとまった依頼を受けられるかどうかが経営の安定に直結します。店長紹介のページも用意し、誰がつくっているお店なのかが伝わるようにしました。

写真は料理の寄りとキッチンカー本体、そして出店風景の3種類があると、この構成がいちばん映えます。手元にある写真が少ない段階でもレイアウトが崩れないよう、1セクションにつき写真1枚を基本にして、文字とカードだけでも成立するデザインにしてあります。屋外で撮った明るい写真をそのまま使えるよう、文字は白抜きに黒縁を効かせて読みやすさを確保しました。

ページ構成

• TOP（1ページ完結）
• こだわり
• 出店スケジュール
• 店長紹介
• メニュー
• よくある質問
• ケータリング

主な機能

• HTML
• レスポンシブ
• 出店スケジュール表示（チケット風デザイン）
• よくある質問（アコーディオン形式）
• スクロールフェードインアニメーション
• Instagramへの誘導リンク
• ケータリング相談セクション
• お持ちの画像差し込み6枚程度
• ロゴ作成

こんな業種におすすめの構成です

キッチンカーのほか、マルシェ出店・移動販売・ポップアップストア・出張サービスなど「決まった店舗を持たず、日ごとに場所が変わる」商売に向いた構成です。スケジュールをご自身で書き換えたい場合は、管理画面から差し替えられる形にすることもできます。1ページで完結するため制作費を抑えやすく、SNSの投稿からの着地ページとしてもそのまま使えます。

その他対応可能な内容（一例）

• Googleアナリティクス（GA4）タグの設置
• OGPタグの設定
• 子ページの追加
• お問い合わせフォームの設置
• 検索エンジン用サイトマップの設置
• WordPressの導入・構築