JourneyCraft - カスタマージャーニーマップ&プレゼンムービーメーカー

マーケター・事業企画者・コンサルタントが、顧客体験の全ステージ（認知→興味→比較検討→購入→利用→継続/離脱）を可視化し、社内提案やクライアント提案にそのまま使えるリッチなビジュアルマップと自動プレゼンムービーを作成できるツール。既存の競合分析・ステークホルダー系ツールとは異なり「顧客体験の時系列×感情の起伏」を主役にする点が特徴。

主要機能:
1. ペルソナ作成: 年齢・職業・悩み・目標を入力し、内蔵イラストから業種別アバターを選択。
2. ジャーニーステージ設計: 7ステージをドラッグ&ドロップで追加・並べ替え、各ステージにタッチポイント（Web/SNS/店舗/営業/CS等）、感情スコア(-5〜+5)、課題、施策アイデアを入力。
3. 感情曲線の自動描画: 入力したスコアから滑らかなラインチャートを自動生成し、山と谷を一目で把握。
4. 業種別テーマ: BtoB営業・BtoC小売・SaaSサブスク・店舗サービスの4テーマでカラー・背景・アイコンセットが切替。
5. ビジュアルボード出力: 横スクロール型の1枚マップとしてPNG/PDF印刷、公開URL共有。
6. プレゼンムービーモード: 各ステージを順にアニメーション表示しながら、テーマに合わせWeb Audio APIでリアルタイム生成したBGMを再生。フルスクリーン再生、WebM書き出しに対応。

画面構成:
- トップ: 作成済みジャーニー一覧、新規作成ボタン、業種テーマギャラリー
- エディタ画面: ペルソナ設定パネル＋ステージタイムラインエディタ＋感情曲線リアルタイムプレビュー
- ボード表示画面: 完成マップの閲覧・印刷・共有URL発行
- プレゼンムービー画面: 自動スライドショー、BGM再生、フルスクリーン対応

データ構造:
- journeysテーブル(id, title, industry_theme, persona_name, persona_age, persona_job, persona_goal, persona_pain, avatar_key, share_code, created_at, updated_at)
- journey_stagesテーブル(id, journey_id, stage_order, stage_name, touchpoint, emotion_score, issue_text, action_text, icon_key)

デザイン: 明るく洗練されたコーポレート系フラットデザイン。業種別のグラデーション背景（BtoBは青、BtoC小売は暖色、SaaSは紫、店舗は緑）、感情曲線は太めの滑らかなラインで視認性重視。全体で統一感のあるモダン・ミニマルなビジュアルアートディレクションを採用する。

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