Figma用画面一覧表 - pikawakapikka/SkillSync GitHub Wiki
SkillSync Figma用画面一覧表
| 画面ID |
画面名 |
利用ユーザー |
目的 |
優先度 |
備考 |
| G01 |
トップページ（LP） |
全ユーザー |
サービス紹介・新規登録導線 |
高 |
CTAを明確に、スクロールで要点訴求 |
| G02 |
ログイン |
全ユーザー |
認証・ログイン |
高 |
Firebase/Auth0連携 |
| G03 |
新規登録 |
全ユーザー |
アカウント登録・基本情報入力 |
高 |
登録ステップ型フォーム |
| G04 |
ユーザーダッシュボード |
求職者 |
中心ナビゲーション画面 |
高 |
求人表示・スカウト表示 |
| G05 |
スキルプロフィール編集 |
求職者 |
スキル・実績の登録 |
高 |
スキルタグUIに工夫が必要 |
| G06 |
スキルテスト画面 |
求職者 |
スキル可視化・証明 |
中 |
タイマー付きUI、コーディング問題対応可 |
| G07 |
求人マッチング一覧 |
求職者 |
AIマッチした求人表示・応募 |
高 |
タグ・報酬・マッチ理由の視認性重視 |
| G08 |
スカウト一覧 |
求職者 |
企業からの提案確認 |
中 |
スカウトごとのステータス管理 |
| G09 |
面接対策画面（テキスト/動画） |
求職者 |
面接準備・模擬面接 |
低 |
GPTベースのQA生成、UIは分かりやすく |
| G10 |
企業ダッシュボード |
企業 |
採用活動全体の管理 |
高 |
チャートや進捗状況を可視化 |
| G11 |
求人登録画面 |
企業 |
募集内容登録 |
高 |
必須スキル・歓迎スキル入力欄あり |
| G12 |
候補者一覧/検索 |
企業 |
スキル軸での人材検索 |
高 |
タグ・スコア・ポートフォリオ表示 |
| G13 |
採用支援ダッシュボード |
企業 |
面接・チャット・評価の進捗管理 |
中 |
Trello風カンバンUIの検討 |
| G14 |
エラーページ |
全ユーザー |
404/500/401等の共通処理 |
低 |
ブランドカラー＋誘導導線あり |
| G15 |
設定画面 |
全ユーザー |
通知・パスワード変更・退会 |
中 |
言語切替・通知設定 |
### 利用方法のヒント（Figmaにて）
- **Page構成**：
- `1. Entry（G01-G03）`
- `2. 求職者機能（G04-G09）`
- `3. 企業機能（G10-G13）`
- `4. 共通（G14-G15）`
- **ワイヤーフレーム段階**：まずG04（ダッシュボード）を中心に主要導線を確定。
- **遷移図**：ログイン→登録→ダッシュボード→求人閲覧→応募 or スカウト までの典型導線を可視化。
- **コンポーネント管理**：スキルタグ、求人カード、プロフィールカードなどは再利用可能UIとして設計。
---