GreenStory ESGレポートシネマ - CSR/サステナビリティ実績を映像ストーリーに変える企業発信ツール

【目的・ターゲット】中小企業の広報・経営企画・CSR担当者向けに、環境(E)・社会(S)・ガバナンス(G)の実績数値や取り組み事例を入力するだけで、生成ビジュアルとBGM付きの「サステナビリティ・ストーリー」を自動生成し、株主・取引先・求職者へ発信できる公開Webアプリ。地味になりがちなCSR報告を、映像作品のように魅せることで採用力・取引先評価・株主対応を強化する。

【主要機能】
1. 3ステップ入力ウィザード：基本情報→環境/社会/ガバナンスの数値実績(CO2削減量、女性管理職比率、地域貢献件数等)→取り組み事例テキストと任意画像アップロード
2. 5種のテーマ(森林・海洋・都市・田園・未来都市)から選択し、テーマに応じた生成背景ビジュアルとアンビエントBGMを自動アサイン
3. 自動レポート生成：ビジョン→環境実績→社会実績→ガバナンス→今後の目標の章立てに数値をグラフ化(棒・折れ線・レーダー)して挿入
4. スライドショー再生モード：章ごとにフェード演出とテキストアニメーション、BGMが背景再生される「シネマモード」
5. 公開URL発行によるWeb共有、PDF印刷レイアウト、主要ビジュアルのPNG保存
6. 複数年度のレポートをアーカイブ保存し、前年比較ダッシュボードで推移確認

【画面構成】
- ダッシュボード(プロジェクト一覧・新規作成ボタン)
- 3ステップ入力ウィザード画面
- テーマ選択プレビュー画面(5テーマのサムネイル比較)
- シネマ再生/プレビュー画面(全画面ビジュアル+字幕+BGMコントロール)
- 公開ページ(共有URL、SNSシェアボタン)
- 管理画面(過去レポート一覧・編集・削除・年度比較)

【データ構造(MySQL)】
- reports(id, company_name, title, theme, year, public_slug, created_at, updated_at)
- report_metrics(id, report_id, category[environment/social/governance], metric_name, value, unit, year)
- report_stories(id, report_id, section_title, body_text, sort_order, image_id)
- report_images(id, report_id, section_key, image_path)
- report_views(id, report_id, viewed_at) ※公開ページの閲覧ログ

【デザイン方向性】自然と地球をモチーフにしたクリーン・モダンなデザイン。グリーン・ブルー系グラデーションを基調に、章ごとにフルスクリーン背景画像＋半透明カードでテキストとグラフを重ねるレイアウト。BGMは環境音を思わせるアンビエント調で、企業の信頼感と温かみを両立させる。