ShopReel - EC・SNS広告動画メーカー

【目的・ターゲット】ネットショップ運営者、フリマ出品者、SNS販売者、小規模店舗のオーナーなど、動画編集スキルや高価なソフトを持たない人が、商品写真とテキストだけで『バズる』SNS広告・商品紹介動画を無料で作れるツール。Instagram広告、TikTok、YouTubeショート向けの縦横比に対応し、購入率を上げる訴求パーツを誰でも配置できる。

【主要機能】
1. 商品写真を最大5枚アップロードし、Ken Burns風のパン&ズームで自動的に動くスライドショーを生成
2. セール告知・新商品・Before/After・レビュー紹介・タイムセールなど10種のテンプレートと業種別カラーテーマ
3. 価格タグ、割引バッジ、星評価、CTAボタンなどのアニメーションレイヤーをドラッグ&ドロップで配置・時間調整
4. Web Audio APIでムード別(ポップ/クール/高級感/エモーショナル)のBGMをその場で自動作曲し、動画とタイミング同期
5. 1:1(フィード)/9:16(ストーリーズ・リール・TikTok)/16:9(YouTube)のアスペクト比をワンクリック切替でプレビュー
6. MediaRecorder APIでWebM動画書き出し、静止画PNGサムネイル書き出し、任意で公開ギャラリーに投稿しいいね数で人気ランキング表示

【画面構成】
(1) テンプレートギャラリートップ (業種・目的別に検索/絞込)
(2) エディタ画面 (左：レイヤー・タイムラインパネル、中央：リアルタイムCanvasプレビュー、右：写真/テキスト/色/BGM設定パネル)
(3) 書き出し画面 (フォーマット選択、生成進捗バー、ダウンロード)
(4) 公開ギャラリー閲覧ページ (カテゴリ別、いいね順/新着順ソート)

【データ構造】MySQLに gallery テーブル (id, title, category, thumbnail_base64, aspect_ratio, likes, created_at) を用意し公開作品といいねのみ永続化。編集中プロジェクト本体(レイヤー構成JSON)はLocalStorageに自動保存し、ログイン不要で即利用開始できる。

【デザイン方向性】ネオンピンク×オレンジのグラデーションを基調にした、EC広告らしい高揚感のあるポップでラグジュアリーなUI。ショッピングバッグやタグ、キラキラエフェクトのアイコンを多用し、プレビューは実機フレーム風にスマホ画面として表示してリアルな仕上がりを確認できるようにする。