SalesLeague - 営業成績スポーツリーグダッシュボード

【目的・ターゲット】営業チームを抱える中小企業のマネージャー・チームリーダー向けに、週次・月次の営業実績を「スポーツリーグの試合結果・順位表」として楽しく可視化し、チームの士気とエンゲージメントを高める無料ダッシュボード。数字の羅列になりがちなKPI管理を、スタジアム演出とBGMで“ライブ感のある発表イベント”に変える。

【主要機能】
1. チーム・メンバー登録(アバター選択、ポジション設定:新規開拓/既存深耕/インサイドセールス等)
2. 週次実績入力(売上金額、新規契約数、商談化率、行動量)から自動ポイント算出しリーグテーブルへ反映、順位変動をアニメーション表示
3. 週ごとの「試合結果カード」自動生成(その週のMVP、注目プレー=大型商談成約など)を一覧・共有
4. 選手カード風の個人プロフィール(レーダーチャートによるスタッツ、通算成績、獲得タイトル)
5. シーズン(月次/四半期)終了時の表彰式アニメーション画面(チャンピオン発表、MVP・新人賞・ベストコンバージョン賞など、BGM付き演出)
6. 公開URL共有、印刷用ランキング表出力、CSV入出力

【画面構成】ダッシュボードトップ(シーズン概要・直近結果・順位表サマリー)/リーグテーブルページ(推移グラフ付き)/選手カードページ(個人詳細)/週次結果入力フォーム(管理者用)/表彰式ページ(アニメーション+BGM)/チーム・シーズン設定ページ。

【データ構造】teams(id,name,color_theme)/members(id,team_id,name,avatar_seed,position)/seasons(id,name,period_type,start_date,end_date,status)/weekly_stats(id,season_id,member_id,week_no,sales_amount,new_deals,conversion_rate,activity_count,points)/awards(id,season_id,member_id,award_type,comment)。

【デザイン】ダークネイビー×ネオンブルー/オレンジのスタジアム風。光の粒子演出、太い輪郭のフラットイラスト、スコアボード風フォント。スマホは縦スクロールのカードレイアウト、PCは順位表+グラフの2カラム。

【BGM仕様】メインBGM:エレクトロポップ、BPM128・4/4拍子。キック4つ打ち+8分ハイハット+バックビートスネア、シンセベースのオクターブ跳躍、C→G→Am→F進行のパッド和声、明るいリードメロディ。8小節A(抑制)+8小節Bサビ(盛り上がり)、4小節ごとにスネアロールのフィル。表彰式BGM:ファンファーレ風、BPM100、金管風シンセとティンパニ風パーカッション、3連符アクセントとクライマックスのグリッサンド。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・スマホで画像の欠け、引き伸ばし、文字との重なりがないことを開発完了前に確認する