Skip to content

画面遷移マップ

LiGA 新システムの画面とその遷移を、操作者ごとに整理したマップです。 矢印には 遷移トリガー(押下するボタン・タブ・自動遷移など) をラベルとして付けています。

図の読み方

  • 各カードが 1画面、矢印が遷移を表します
  • 矢印のラベルは「何をしたら次に行くか」(CTA、タブ、リンクなど)
  • タブで 参加者 / 運営 / 当日スタッフ を切り替えられます
  • ノード色は 白=Public(誰でも見られる)/ 紫=Auth(ログイン必須)
タップ「大会を探す」カードタップ申込CTA(未ログイン)既にアカウントがある登録(自動ログイン)ログイン申込CTA(ログイン済)「決済する」決済する「マイページへ」タブ「予定」参加履歴チームクーポン通知設定「当日を見る」キャンセル試合カードタップ
手作業一部改善自動化新規

参加者の主要動線

未ログインの初回訪問者 を起点にした典型動線です。 登録済みユーザーの場合は ④⑤(会員登録・ログイン)をスキップして ③→⑥ の最短路に切り替わります。

#画面パス次に行ける画面(ユーザ操作)
トップ/大会検索
大会検索/tournaments大会詳細
大会詳細/tournaments/:id会員登録(未ログイン時)/ 申込フォーム(ログイン済時)
会員登録/signup申込フォーム(登録 → 自動ログイン)/ ログイン
ログイン/login申込フォーム
申込フォーム/tournaments/:id/applyStripe 決済
Stripe 決済(外部)申込完了
申込完了/applications/:id/completeマイページ
マイページ/me参加予定 / 参加履歴 / チーム / クーポン / 通知設定
参加予定/me/bookings試合当日 / キャンセル申請
試合当日/me/bookings/:id/gameday試合詳細
試合詳細/me/bookings/:id/matches/:m

未ログインで初回申込する場合の補足

③ で「申込CTA」をタップ → 会員登録(④)。登録完了で 自動的にログイン状態 になり、そのまま申込フォーム(⑥)へ続行します(マイページには戻しません)。 既存ユーザーが ④ から「ログインはこちら」を選んだ場合も、ログイン(⑤)後 → 申込フォーム(⑥)に直接進みます。

運営の主要動線

#画面パス主な遷移先
1管理ログイン/admin/loginダッシュボード
2ダッシュボード/admin各機能
3大会一覧/admin/tournaments詳細・新規
4大会詳細/admin/tournaments/:id編集 / 残枠 / 中止 / 締め
5申込一覧/admin/orders詳細・手動登録
6申込詳細/admin/orders/:id返金
7手動申込登録/admin/orders/manual
8大会中止/admin/tournaments/:id/cancel一斉メール → 返金
9大会締めレポート/admin/tournaments/:id/report

当日スタッフの主要動線

#画面パス主な遷移先
1スタッフログイン/staff/login本日の大会
2本日の大会/staff大会選択
3大会選択/staff/tournaments/:id受付 / 進行 / 締め
4受付/staff/tournaments/:id/checkinチーム詳細
5進行管理/staff/tournaments/:id/timetableコート別
6コート別ライブ/staff/tournaments/:id/courts/:cスコア入力
7スコア入力/staff/matches/:m/score進行管理に戻る
8順位表/staff/tournaments/:id/standings
9当日締め報告/staff/tournaments/:id/close

残課題

  • 状態分岐: 満員・エラー・申込締切後・キャンセル不可期間 などの分岐線が未定
  • ロール跨ぎ: 申込→運営反映、スコア→参加者反映 などの「データ連動」を別レイヤで描くか検討
  • 通知: メール・LINE・プッシュは画面ではなく「イベント」として別図で扱う想定
  • Ver.2: リーグ戦、ランキング、ID連携、招待制大会 などは別タブで重ねる
  • 画面の正式名称・URL: 現時点は仮。実装フェーズで確定