With KOSEN ナビ（仮称）簡易仕様書
版：v0.1（デザイン会社打ち合わせ用ドラフト）｜2026年8月5日｜株式会社プロッセル
本書は
デザイン会社との初回打ち合わせ用の叩き台です。全体イメージの共有を目的としており、細部の仕様は未確定です。あわせて
モックサイトをご覧ください（右下の「🗺 画面一覧」から全画面に遷移できます）。
1. サービス概要・ポジショニング
With KOSEN ナビ（仮称）は、「実力主義のベンチャー企業」と「手を動かしたい高専生」を直結する採用プラットフォームです。合同説明会イベント「STARTUP × KOSEN」（500名規模・東京）とWEB媒体の両輪で運営し、イベントの動員・マッチング装置としてWEBが機能します。
- 既存競合の課題：メディア総研等の既存プラットフォームは「大手企業×安定志向層」中心。尖った技術を持つ高専生のポテンシャルが埋もれがち。また高専プラス等は企業の情報発信力に依存し、掲載内容にムラがある。
- 我々の狙い：「早くから実戦経験を積みたい」就職組と、「リモートでも学べる・稼げる」機会を求める進学組（D-CON出場者・神山高専等）にターゲットを絞ったブルーオーシャン戦略。
- 差別化の核：AI対話型WEB求人掲載により、企業の原稿作成負荷をゼロにし、掲載ムラのない高品質な求人情報を標準提供。
2. ターゲット
| 区分 | ペルソナ | 主なニーズ |
|---|
| 学生（就職組） | 本科4〜5年・専攻科。開発意欲が高く実戦志向 | 若手から圧倒的開発経験を積める環境。企業の「現場の熱量」がわかる情報 |
| 学生（進学組） | D-CON出場者・優秀な進学層（低学年含む） | 在学中からのリモートインターン。「学べる・稼げる」機会 |
| 企業 | 社員50名以下の実力主義ベンチャーが中心（社長・CTOが意思決定者） | 低コスト・低工数での高専生への採用露出。即決できるシンプルな料金 |
3. 画面一覧（モック対応表）
| # | 画面 | 概要 | モック |
|---|
| 1 | 学生向けトップ | ヒーロー、イベント告知帯、特集（ピッチ動画／D-CON特集／リモートインターン）、技術ゾーン検索、新着求人、タグ検索、AIレコメンド導線 | index.html |
| 2 | 企業検索 | 技術ゾーンチップ＋サイドフィルタ（働き方・地域・規模・こだわり）で絞り込み。ゾーンチップは動作します | companies.html |
| 3 | 求人ページ（企業詳細） | AI生成された求人本文＋募集要項＋現場の声。応募／合説指名リスト追加／お気に入りのCTA | company.html |
| 4 | 合同説明会 特設 | イベントLP（ダークトーン）。3つの仕掛け、タイムテーブル、ゾーニングマップ、学生4ステップ、企業出展（15万円即決）、過去実績への導線 | event.html |
| 4a | 合説アーカイブ一覧 | 年度ごとのイベント一覧。開催予定（エントリー受付中）と開催終了（レポート公開中）をステータスで表示 | events.html |
| 4b | 過去開催LP（開催レポート） | 終了したイベントのLPをアーカイブ化した状態。実績数値・写真・出展企業一覧・参加者の声を保管し、最新回へ誘導 | event-2026.html |
| 5 | 学生マイページ | プロフィール、合説ステータス（指名5社の進捗・交通費申請）、AIレコメンド、スカウト受信、応募管理 | mypage.html |
| 6 | 企業ダッシュボード | KPI（閲覧・お気に入り・応募・合説指名数）、求人ページ状態、出展ステータス、応募者一覧、AIツール群 | admin.html |
| 7 | AI求人ページ作成 ★ | チャットQ&A→リアルタイムプレビュー生成。「▶ 自動デモ再生」ボタンで打ち合わせ中にデモ可能 | admin-ai.html |
※ モック未作成：ログイン／会員登録、応募フォーム、スカウト送信、決済、特集記事詳細、運営管理画面
4. 機能一覧とフェーズ分け
Phase 1 — イベント連動MVP（合説2027に間に合わせる）
- 学生：会員登録・プロフィール（技術スタック登録）／企業検索（ゾーン・タグ・地域）／求人ページ閲覧／合説エントリー・5社指名／交通費申請・ステータス確認／応募
- 企業：AI対話型求人ページ生成・編集・公開／出展申込＋クレジット即時決済（15万円即決）／応募者・指名学生の閲覧／基本ダッシュボード
- 運営：企業審査、掲載管理、交通費承認、イベント運営（受付はLINE連携）、イベント年度管理・過去LPアーカイブ（§6-1）
Phase 2 — プラットフォーム拡張
- スカウト（企業→学生）／AIレコメンド（学生・企業双方）／ベンチャーピッチ動画／特集記事（D-CON等）／広告枠（ピックアップ掲載のサブスク）
- AIツール群：スカウト文面AI作成、応募者プロフィールAI要約、求人ページAI改善提案
- 将来検討：OB/OGネットワーク、コミュニティ（高専プラスの「Memorus」相当）、進学情報
5. AI機能の仕様（キラー機能）
5-1. AI対話型 求人ページ生成（Phase 1）
意図：既存媒体で障壁となっていた「原稿作成のハードル」を完全解消する。企業担当者はLINE感覚でAIの質問にチャット回答するだけで、専門知識ゼロで高専生に刺さる求人ページが完成する。
| ステップ | 内容 |
|---|
| ① 対話 | AIが質問（事業内容／技術スタック／任せたい仕事／職場の雰囲気など）。選択肢チップ＋自由入力のハイブリッド |
| ② 構造化 | 回答をLLMが構造化データ（事業・技術・仕事・カルチャー）に変換 |
| ③ 生成 | 高専生向けにチューニングしたトーンで原稿を自動生成。プレビューにリアルタイム反映 |
| ④ 編集・公開 | 担当者が編集・承認して公開。基本情報（給与等）は企業設定から自動反映 |
- Web管理画面のほか、LINE公式アカウント上で同じ対話フローを提供する導線も想定（企業担当者はLINE返信のみ）。
- LLMはClaude API等を想定。生成後の人間による確認・公開承認を必須とする。
5-2. AIレコメンド（Phase 2）
学生のプロフィール・技術スタックと求人データをマッチングし、マッチ度＋推薦理由つきでレコメンド。合説の「指名5社」選びを支援し、マッチング精度＝イベント満足度を底上げする。
6. イベント連携機能（WEBと合説の接続）
- 事前指名制：学生はWEB上で「必ず訪問する5社」を指名（＋自由訪問2社）。企業側は指名学生リストを事前閲覧可能。
- 交通費支給：上限2万円。「5社指名＋2社自由訪問」が条件。申請・承認・振込ステータスをマイページで管理。
- 技術ゾーニング：WEBの企業検索とイベント会場のゾーニング（開発系／AI・データ系／ハード系／リモートインターン特化）を同じ4分類・同じ配色で連動。
- 企業の即決決済：ベンチャー優待15万円（社員50名以下）／一般30万円。クレジット即時決済で「即決・即契約」。
- 当日運営：受付・リマインドはLINE公式アカウントを活用（既存イベント「With Kosen」の運用を踏襲）。
6-1. 合説LPのアーカイブ（過去分の保管）
- URL設計：イベントは年度ごとの恒久URLで管理（例：
/events/2027、/events/2026）。一覧ページ /events から全年度に到達できる。
- ライフサイクル：イベントごとに「準備中 → 公開中（エントリー受付） → 開催終了（アーカイブ）」のステータスを持つ。開催終了後はLPを削除せず「開催レポート」モードに自動切替：エントリーCTAを閉じ、実績数値・会場写真・出展企業一覧・参加者の声を保管し、最新回への誘導バナーを表示する。
- 狙い：①出展検討企業への実績提示（営業資料としてURLを共有可能） ②学生・学校関係者への信頼醸成 ③開催を重ねるごとのSEO資産化。
- CMS要件：運営管理画面でイベントを年度レコードとして作成・複製できること（前年版をコピーして翌年版を作る運用を想定）。実績数値・写真・出展企業リストは開催後に運営が入力する。
7. デザイン方向性
- 基本トーン：白基調＋グリーン（信頼×成長）。既存イベントサイト withkosen.prossell.jp のトンマナを踏襲しブランドの連続性を持たせる。
- イベント面：ダークネイビー＋グリーンのテック感あるトーン（企画書のトンマナ）。学生向け面との差別化で「特別なイベント感」を演出。
- AI要素：ブランドグリーンと区別するため、AI関連UI（バッジ・ボタン）はティール〜インディゴのグラデーションで統一。
- 参考：機能面は 高専プラス、フォントは Noto Sans JP を仮採用。ターゲットが「手を動かしたい」層のため、ターミナル風の遊び（トップのヒーロー参照）などエンジニアカルチャーの意匠を推奨。
- デバイス：学生面はスマホファースト、企業管理画面はPC前提（レスポンシブ対応）。
8. 収益モデル
| 収益源 | 単価 | 備考 |
|---|
| イベント出展料（ベンチャー優待） | 15万円／社 | 社員50名以下限定。WEB掲載込み。100ブース完売で1,500万円〜 |
| イベント出展料（一般） | 30万円／社 | 大手企業等の定価 |
| 広告枠（ピックアップ掲載） | 5〜10万円／3ヶ月 | 限定10社。ストック型・サブスク収益（追加収益 50〜100万円） |
| 懇親会費 | 企業6,000円／人（学生無料） | パーティ運営コストの自己回収モデル |
9. 技術メモ
- 本モック：静的HTML/CSS/JS。Cloudflare（無料枠）にホスティング。データはすべて架空。
- 本開発の想定スタック（例）：Cloudflare Pages/Workers ＋ D1（DB）＋ R2（画像）＋ LLM API（Claude等）。決済はStripe。LINE Messaging API連携。
- 非機能：学生の個人情報（学校・連絡先）を扱うため、公開前にセキュリティレビュー必須。AI生成コンテンツは公開前に人間の承認を必須とする。
10. デザイン会社への相談事項
- サービス正式名称・ロゴ（「With KOSEN ナビ」は仮称。イベントブランド「With Kosen」との関係整理）
- トンマナ：白×グリーン基調の妥当性／イベント面ダークトーンとの使い分け
- 学生向けUIのテイスト（エンジニアカルチャー寄りの遊びをどこまで入れるか）
- スマホファーストの画面設計（本モックはPC基準。実装時はスマホ利用が主と想定）
- キャラクター／イラストの要否（AIチャットのアバター等）
- 写真素材の方針（実イベント写真の活用可否）
注意：本モックに掲載されている企業名・学生名・数値はすべて架空のダミーデータです。実在の企業・人物とは関係ありません。