Phase 1 イメージ

実際には動きません。画面と流れを見ていただくためのモックです。

決済の設計 →← サイトに戻る

予約システムのイメージ

サイト内で予約まで完結させた場合の画面です。入力項目はヒアリングシートのQ25〜Q28でいただいた回答をそのまま使っています。 お客さんの画面／古澤さんの管理画面／AIチャットの3つを、タブで切り替えて見られます。

check_circle

実際に操作できます。サービスを選んで、入力して、最後まで進んでみてください。3サービスで入力項目が変わります。

設計の考え方

  • サービスを最初に選ばせる。1つの長いフォームにすると、レンタカーの人が荷物の項目まで読むことになります
  • ステップは4つまで。進行状況を上のバーで常に見せます
  • 必須項目は最小限。細かい詰めはWhatsAppでやる前提なので、まず送信させることを優先します
  • 危ない情報は入力前に警告。国際免許と5日前ルールは、フォームの中で先に出します

入力項目の出所

  • Eat — Q25（名前／日時／人数／大人・子供の内訳）＋食事制限
  • Drive — Q26（名前／利用日時／人数／必要書類の画像）。車種指定は不要とあったので入れていません
  • Store — Q27・Q28（名前／電話／住所／預け日／フライト情報／荷物数）

送信後に起きること

  • D1（Cloudflareのデータベース）に保存
  • 古澤さんにメール通知（Cloudflareから無料で送れます）
  • お客さんには受付番号を表示。続きはWhatsAppへ
  • 免許証の画像はR2に保存。閲覧は管理画面から