LaunchCountdown - 新商品ローンチ・カウントダウンティザーメーカー

【目的・ターゲット】新商品・新サービスの発売前に、期待感を高める「カウントダウンティザーページ」を数分で作成できるツール。中小企業のマーケ担当者、ECショップ店主、フリーランスクリエイター、スタートアップ広報が対象。デザイナー不要でプロ品質のプレローンチページを公開できる。

【主要機能】
1. 商品名・キャッチコピー・説明文・発売日時・テーマ(コスメ/テック/飲食/アパレル/サービス/ゲーム等)を入力し、リアルタイムプレビュー付きでティザーページを作成
2. テーマごとに自動生成されたリッチなビジュアル背景(グラデーション、パーティクル、光の演出をCSS/Canvasで動的表現)を採用
3. Web Audio APIでテーマに合った雰囲気BGM(アンビエント/シンセ/和風/ポップ等)を自動生成しループ再生、ミュート切替可能
4. 日/時/分/秒のリアルタイムカウントダウンタイマー表示、発売時刻到達で自動的に「販売中」表示に切替
5. メールアドレス事前登録フォームを設置し、登録者数をリアルタイムカウンター表示、管理画面でCSV出力
6. 公開用の短縮URL発行、SNSシェア用のOGP風サムネイル画像を自動生成、埋め込み用iframeコード発行

【画面構成】
(1) 作成フォーム画面: 商品情報入力欄+テーマ選択+左右分割のリアルタイムプレビュー
(2) 公開ティザーページ: フルスクリーン背景アニメーション+カウントダウン+キャッチコピー+登録フォーム(スマホ/PC両対応)
(3) 管理ダッシュボード: 作成したティザー一覧、登録者数推移グラフ、CSV出力、URL/QRコード表示
(4) 登録完了画面: サンクスメッセージとSNSシェアボタン

【データ構造(MySQL)】
- teasers テーブル: id, title, catchcopy, description, theme, launch_datetime, share_slug, bgm_type, created_at, owner_token
- subscribers テーブル: id, teaser_id(FK), email, created_at
- view_logs テーブル: id, teaser_id(FK), viewed_at (簡易アクセス解析用)

【デザイン方向性】
ダークベース×ネオン・グラデーションを基調にした近未来的で高揚感のあるビジュアル。テーマごとに配色とパーティクルの動きを変え(コスメ=淡いピンク光の粒子、テック=青いグリッド線、飲食=暖色の湯気風パーティクル等)、フォントは太めのディスプレイ書体でカウントダウン数字を大きく目立たせる。BGMはWeb Audio APIのオシレーター/ノイズ生成でテーマ別に自動作曲し、外部音源不要でリッチな没入感を演出する。