Instagramからの導線・iCalによる在庫同期・Stripe決済を前提にした、SP起点の予約プロトタイプ一式。各カードから画面モックを開けます。

予約の途中保存はここから再開できます

booking-flow で入力した内容は保存されます。次回は同じ予約を続けて開けます。

続きから開く

Instagram導線

プロフィールやストーリーズから直接、宿の予約ページへ。

iCal在庫同期

他予約サイトとカレンダーを同期し、ダブルブッキングを防止。

Stripe決済

予約時にオンラインで安全に料金を回収し、各宿の口座へ。

Secured by StripeVisaMastercardApple PayGoogle Pay

画面モック・ SCREENS

予約フロー

トップ（宿一覧）→ 宿詳細 → 日程 → お客様情報 → Stripe決済 → 完了。PCはナビ＋常時予約カード。

PC 8画面SP 8画面

おすすめガイド（マガジン）

じゃらん雑誌のように“食べる・見る・温泉”から旅を選ぶ。飲食店コラムと宿が地続きの発見体験。

マガジン飲食店コラム

滞在ガイド

滞在ホーム → メッセージ → アクセス・交通 → チェックイン → ハウスルール → 宿泊者名簿（旅館業法）→ 松本ガイド。

PC 7・SP 7画面旅館業法対応

マイページ・予約管理

アカウント → 予約一覧（今後/過去）→ 予約詳細 → キャンセル（返金ポリシー）→ ガイド記事詳細。

PC 5・SP 5画面キャンセル/返金

システム全体図

予約ページ・決済・iCal同期・API/OTA・データ管理のつながりを示すインフォグラフィック。

PWA / iOS / Android

Webを先に作り、そのままホーム画面追加でアプリっぽく使える構想。後からネイティブ化してもUIの骨格は共通です。

PWA firstiOS / Android

運営：hacobune株式会社／ Secured by Stripe・Apple Pay・Google Pay
※ デザインプロトタイプ（実データ・ロゴ未確定）
会社概要・プライバシー・利用料金

haco book