ExpoStage - AI生成ビジュアル&BGMで彩るオンライン展示会ブースメーカー

【目的・ターゲット】展示会出展料や会場費をかけられない中小企業・スタートアップ・個人事業主が、自社製品やサービスを紹介する『バーチャル展示会ブース』を無料でブラウザ上に作成し、公開URLで来場者を集客・商談につなげるための業務支援ツール。営業担当者や広報担当者が主なユーザー。

【主要機能】
1. 業種別テンプレート選択(IT/製造/食品/医療/教育/クリエイティブ等)からブースの雛形を選択
2. ブース背景をCanvasプロシージャル生成で自動作成(色調・光の演出・パターンをテーマごとに自動合成し、毎回異なる高品質背景をノーコードで用意)
3. Web Audio APIによるテーマ別BGM自動生成(落ち着いた企業BGM/ポップ/クラシックなど選択でき、来場者の滞在体験を演出)
4. 会社紹介文・製品カード(画像+説明+価格帯)・PDF資料・YouTube等動画埋め込みリンクをドラッグ&ドロップで配置
5. 来場者向けお問い合わせフォーム・名刺交換用QRコード発行・チャット風の質問受付欄
6. アクセス解析ダッシュボード(閲覧数・平均滞在時間・資料ダウンロード数・問い合わせ件数を日別グラフで可視化)

【画面構成】
- トップ(ブース一覧・新規作成ボタン)
- ブースエディタ(左:テンプレート/背景/BGM設定パネル、中央:リアルタイムプレビュー、右:コンテンツ配置リスト)
- 公開ブースページ(来場者向け、背景アニメーション+BGM自動再生+製品カードスライド+お問い合わせフォーム)
- 管理者ダッシュボード(自分の全ブースの解析サマリー)

【データ構造(MySQL)】
- booths(id, owner_key, title, industry, theme_color, bgm_type, bg_seed, status, created_at)
- contents(id, booth_id, type[product/pdf/video/text], title, description, image_path, sort_order)
- inquiries(id, booth_id, name, email, message, created_at)
- visits(id, booth_id, visited_at, duration_sec, referrer)
- downloads(id, booth_id, content_id, downloaded_at)

【デザイン方向性】ネオン×企業ブルーを基調にした洗練されたガラスモーフィズムUI。テンプレートごとに背景の光の粒子・グラデーションアニメーションをCSS/Canvasで演出し、来場者が『実際の展示会場に入った』感覚を得られるリッチな没入体験を提供。スマホは縦スクロール1カラム、PCは2カラムレイアウトに自動対応。