🗺 サイトマップ(開発用)

SP AUCTION の全ページ一覧と、リンク導線の状況を確認します。
npm run dev で起動後、各カードをクリックして遷移確認できます。

📱 購入者向けページ 9 ページ

TOP / ホーム /top.html サイトの入口。カテゴリ・注目商品・終了間近・ランキング
✓ 実装済 → 多数リンク
カテゴリ / 検索結果 /category.html サイドバー絞り込み+商品グリッド+ページネーション
✓ 実装済 ⚠ TOPからのみ
商品詳細 /buyer-product-detail.html 画像ギャラリー・商品情報・入札ボックス・Q&A・関連商品
✓ 実装済 → 多数リンク
入札履歴 /buyer-bid-history.html 商品ごとの入札履歴一覧。ログイン必須
✓ 実装済 → 商品詳細から
ログイン / 会員登録 /buyer-login.html タブ切替+SNSログイン+パスワード強度
✓ 実装済 ⚠ ヘッダー導線なし
マイページ /buyer-mypage.html 6セクション(支払い待ち / 入札中 / ウォッチ / 通知 等)
✓ 実装済 → ヘッダーから
購入手続き /buyer-checkout.html 3ステップ(配送先・支払い→確認→完了)
✓ 実装済 ⚠ マイページから
取引メッセージ /buyer-messages.html 2ペイン(スレッド一覧+チャット詳細)
✓ 実装済 ⚠ マイページから
SMS認証フロー /buyer-sms-auth.html 電話番号入力 → OTP入力 → 完了(3ステップ)
✓ 実装済 ⚠ 入札ボタンから誘導要
ランキング /ranking.html 入札数・高額・終了間近・新着の各ランキング
✓ 実装済(API連携)
ウォッチリスト /buyer-watch.html 気になる商品の保存(仮ページ)
⚠ 仮実装
通知一覧 /buyer-notifications.html 取引・入札イベントの通知(仮ページ)
⚠ 仮実装
配送先管理 /buyer-addresses.html 登録住所の一覧と追加(API連携済み)
✓ 実装済
通知設定 /buyer-notification-settings.html メール・サイト内通知のオン/オフ(仮)
⚠ 仮実装
SP AUCTIONについて /about.html 会社概要・採用・プレス・お問い合わせ等の集約ページ
✓ 実装済

⚙ 管理画面(スタッフ) 9 ページ

🎨 デザインシステム 2 ページ

🛠 補助ページ 8 ページ

導線の現状
✅ 既存リンクで遷移可能なフロー:
 ・TOP → カテゴリ → 商品詳細 → 入札履歴
 ・TOP → 商品詳細 → マイページ → 購入手続き / 取引メッセージ
 ・TOP/カテゴリ → 「出品する」ボタン → スタッフログイン → ダッシュボード → 各管理画面(サイドバー)

⚠ 改善余地のあるリンク:
 ・購入者ヘッダーの「マイページ/ウォッチ/通知」アイコン → 未ログイン時は buyer-login.html へ送る導線が必要
 ・「ログイン」直接リンクがTOPヘッダーに無い(マイページ経由しかない)
 ・出品一覧のカード → 出品詳細への明示的リンクなし(商品ページのみ)
 ・公開質問対応/取引管理 内の詳細リンクがダミー
 ・商品詳細の「入札する」ボタン → SMS認証 or ログインへの導線が必要

📝 次に揃えるべき導線:
 1. 購入者ヘッダーに「ログイン/会員登録」リンク追加
 2. 入札ボタン → 未認証時のリダイレクト先(SMS認証 or ログイン)
 3. 各管理画面の個別カード → 詳細ページへのクリック導線
 4. SMS認証ページ実装(入札ボタンからの遷移先)