EngageGrow - 従業員エンゲージメント診断＆組織の樹プランナー

【目的・対象】中小企業の経営者・人事担当者向けに、従業員エンゲージメント（働きがい・定着意欲）を定期的に測定し、スコアを直感的なビジュアルで可視化、部署別の課題発見から改善アクション実行までを一元管理する業務支援アプリ。既存のアンケート系ツールとは異なり『エンゲージメント診断に特化した6因子分析＋成長する樹のメタファーによる組織の健全度可視化＋改善アクションのカンバン管理』を統合するのが特徴。

【主要機能】
1. 組織作成と6桁組織コード発行、調査期間設定、匿名回答URL/QR発行
2. 6因子（成長機会・承認・待遇・関係性・裁量・意義）×10問+eNPS1問の内製診断テンプレート、匿名回答フォーム（ログイン不要）
3. 結果ダッシュボード：総合スコアをリング表示、6因子レーダーチャート、部署別比較バー、期間トレンド線グラフ
4. 『組織の樹』ビジュアライゼーション：総合スコア帯に応じて芽→若木→成木→大樹の4段階イラストが成長し、因子別の弱点は枝の色でハイライト
5. 因子別改善アクションテンプレートライブラリ（各因子5案以上）を選び、カンバン(未着手/進行中/完了)で施策管理、期限アラート
6. 過去回の診断結果比較、PNG/印刷用レポート出力、CSVエクスポート

【画面構成】
・トップ画面：組織コード入力（管理者ログイン／回答者参加を分岐）
・管理者ダッシュボード：調査一覧、配布URL・QRコード表示、期間設定
・回答フォーム画面：スライダー/5段階選択式の11問、匿名送信完了画面
・結果ダッシュボード：樹のビジュアル、レーダーチャート、部署比較、トレンド
・アクションプランボード：因子別テンプレート選択、カンバンD&D操作
・履歴比較画面：過去診断との差分表示

【データ構造】
- organizations(id, name, code, created_at)
- surveys(id, org_id, title, period_start, period_end, status)
- questions(id, survey_id, factor, text, sort_order)
- responses(id, survey_id, department, submitted_at)
- answers(id, response_id, question_id, score)
- action_plans(id, org_id, factor, title, description, status, due_date, created_at)

【デザイン方向性】柔らかいパステルグリーン×ブルーを基調としたオーガニックなフラットイラスト調。丸みのある線と光の粒子表現で温かみを演出。ダッシュボード閲覧中はミュート可能な落ち着いたアンビエントBGM（Ambient/Lo-fi、BPM70、4/4拍子）を流し、キック+ブラシスネアの軽いドラム、sine波の持続ベース(Cmaj7-Am7-Fmaj7-G add9のループ)、triangle波の木琴風メロディが4小節ごとに変化する8小節A/B構成。4小節毎にハイハット風ノイズのフィルを挿入し休符で余白を作る。Web Audio APIでAudioContext.currentTime基準の先読みスケジューリングを行い、BGM/SE音量を個別調整、停止時は全ノードを解放する。

## BGM品質要件
- アプリの雰囲気に合うジャンル・BPM・拍子を定め、ドラム、ベース、和声、メロディの4層で構成する
- 最低8小節またはA/Bの2展開を作り、休符、アクセント、フィル、フレーズ変化を入れる
- Web Audio APIはAudioContext.currentTime基準で先読みし、BGM/SE別音量・ミュート・停止処理を実装する
- 単一オシレーターの持続音や1〜3音だけの反復はBGMとして不可

## ビジュアル品質要件
- 生成済み素材を仕様内の用途・表示場所で実際に使用し、未使用素材を残さない
- 画風・配色・キャラクター比率を全画面で統一し、文字はHTML/CSSで重ねる
- PC・スマホで画像の欠け、引き伸ばし、文字との重なりがないことを開発完了前に確認する