BrandReel - 企業紹介・営業プレゼン動画メーカー

【目的・ターゲット】中小企業の広報担当、営業パーソン、採用担当者、フリーランスが、外部の動画制作会社に頼らずブラウザだけで「会社紹介・商品紹介・採用ブランディング」用のリッチなプレゼン動画/スライドショーを作成できるツール。デザイン知識・動画編集スキル不要。

【主要機能】
1. シーンエディタ：見出し・本文・ロゴ・アイコンをスライド単位で配置できる8種レイアウトテンプレート(会社紹介/商品紹介/採用/IR/営業提案)
2. 背景画像ライブラリ：オフィス・工場・チーム・都市・テック・自然の6カテゴリ×複数バリエーションの高品質背景素材を内蔵し、シーンごとに選択適用
3. BGM自動生成：Web Audio APIでコーポレート/アップテンポ/感動的/テック/ミニマルの5ジャンルBGMをその場でルールベース生成し、プレビュー・音量・フェード調整
4. トランジション付きプレビュー再生：フェード・スライド・ズームの3種テキスト/画像アニメーションでフルスクリーン再生
5. 書き出し・共有：Canvas+MediaRecorder APIでWebM動画としてダウンロード、または共有URL発行でオンラインプレゼンとして閲覧可能
6. ブランド設定：会社ロゴ画像・テーマカラー・フォントを保存し全シーンに一括反映

【画面構成】
・ダッシュボード(作成済みプロジェクト一覧・新規作成ボタン)
・テンプレートギャラリー(用途別5カテゴリからスタート)
・エディタ画面(左:シーンリスト、中央:プレビューキャンバス、右:プロパティパネル[背景/テキスト/BGM/アニメーション])
・フルスクリーン再生モード
・書き出し/共有画面(動画DL・URL発行・埋め込みコード)

【データ構造(MySQL)】
- projects: id, share_token, title, company_name, logo_data, theme_color, font, created_at, updated_at
- scenes: id, project_id, order_index, layout_type, heading, body_text, image_key, bgm_type, transition_type, duration_sec
- gallery_images(静的マスタ): id, category, file_path, tags
プロジェクトデータは基本LocalStorageに自動保存し、共有時のみDBへ保存してshare_tokenでアクセス。

【デザイン方向性】ダークネイビー×ゴールドアクセントの洗練されたコーポレートデザイン。ガラス質感(グラスモーフィズム)のパネル、微細なパーティクル演出、スマホは縦型プレビュー、PCは横型プレビューに自動最適化。