デモ架空の店舗「サンプルサロン」の予約画面です。入力した内容はこの端末のブラウザ内だけに保存され、送信されません。
サンプルサロンHARU RESERVE DEMO

ONLINE RESERVATION

ご予約

メニュー・日付・時間を選んで、お名前とメールアドレスを入力するだけ。確認画面のあとで予約が確定します。

    1メニューを選ぶ

    2日付を選ぶ

    • 空きあり
    • 残りわずか
    • 満席
    • 休業・受付対象外

    3時間を選ぶ

    日付を選ぶと、空いている時間が表示されます。

    • 予約可能
    • 予約済み
    • 受付対象外

    4お客さま情報

    デモのため、実在のお名前やメールアドレスではなく、架空の内容で試してください（入力内容は送信されません）。

    予約内容の確認

    予約番号とメールアドレスで、この端末に保存された予約を確認できます。

    ABOUT THIS DEMO

    このデモについて

    合同会社ハルが制作した、予約受付と空き時間管理のしくみのデモです。電話やメッセージで受けていた予約を、空き状況が見えるWebの予約に置きかえる流れを、実際に操作して確かめられます。

    解決すること

    予約の電話やメッセージのやり取り、空き時間の確認、ダブルブッキングの心配。お客さまは空きを見てその場で予約でき、管理する側は一覧で状況を把握できます。

    向いている事業者

    サロン・教室・相談業・撮影・修理など、時間で予約を受ける店舗や個人事業主、少人数のチーム。

    予約する側の機能

    • メニュー（所要時間・料金）の選択
    • カレンダーで空きのある日付を選択
    • 予約可能・予約済み・受付対象外が分かる時間選択
    • 入力チェック、確認画面、予約番号つきの完了画面
    • カレンダー用ファイルの保存、予約番号での確認

    管理する側の機能

    • 予約一覧（日付・メニュー・名前で絞り込み）
    • 予約のキャンセル
    • 予約枠の追加・時刻変更・削除・受付停止、休業日の設定
    • 今日・7日以内の予約数、空き枠数の表示

    このデモで動く範囲

    予約・確認・キャンセル・枠の編集まで、すべてこの端末のブラウザ内で動きます。同じ枠への重複予約はできず、所要時間が次の予約や営業終了と重なる時間も選べません。データはリロードしても残りますが、ほかの端末とは共有されません。

    実運用で追加が必要なもの

    • サーバー側での予約データの保存（複数の端末・お客さまで共有するため）
    • 同時に予約が入ったときの、サーバー側での重複チェック
    • 管理画面のログインと権限管理
    • 予約確認・リマインド・キャンセルのメール通知（メール配信サービスの設定）
    • 個人情報の取り扱い方針の掲載、必要に応じて事前決済やキャンセル規定
    予約の仕組みづくりを相談する（合同会社ハルのお問い合わせページが別タブで開きます） ほかの制作実績を見る（別タブで開きます）