ウォールサウンド Studio - 壁紙×着信音を同時に作れるビジュアル&サウンドメーカー

【目的・ターゲット】スマホの待ち受け画像と着信音・通知音を「見た目も音も自分好みに」その場で作れる便利ツール。外部アプリ不要でブラウザだけで完結し、10代〜30代のスマホカスタマイズ層から実用ツールを求める社会人まで幅広く狙う。

【主要機能】
1. カテゴリ選択(自然・宇宙・ネオン・和風・ミニマル・ファンタジーの6種)から美麗プリセット背景を選択
2. 画像編集: 明るさ/コントラスト/彩度/ぼかし/カラーフィルターのスライダー調整、日付・名言・イニシャルなどのテキストオーバーレイ、スマホ実機フレームでのリアルタイムプレビュー
3. Web Audio APIによる着信音/通知音/アラーム音のリアルタイム自動生成(ジャンル・テンポ・音色・長さを選択、和音進行と音色をパラメータ化)
4. 画像はPNG、音はWAV形式でワンクリックダウンロード
5. 作成した壁紙+着信音の「セット」をマイページに保存、公開ギャラリーへの投稿といいね機能
6. スマホ/PC両対応、レスポンシブなカード型UI

【画面構成】
- ホーム画面: カテゴリカード一覧+人気作品ギャラリーのプレビュー
- エディタ画面: 左にスマホ実機フレームのライブプレビュー、右に画像調整タブと音生成タブを切り替えるパネル
- ギャラリー画面: 公開作品を検索・カテゴリフィルタで閲覧、いいね順/新着順ソート
- マイページ: 過去の保存セット一覧、再編集・再ダウンロード

【データ構造(MySQL)】
- creations(id, session_id, category, title, image_params JSON, sound_params JSON, is_public TINYINT, likes INT, created_at)
- presets(id, category, name, thumb_path, sort_order)
セッションIDはCookieベースで発行し、ログイン不要で利用可能。

【デザイン方向性】
ダーク基調にネオン×パステルのグラデーションを重ねたグラスモーフィズムUI。スマホ実機フレーム内でプレビューが常時更新される「作った瞬間に完成品が見える」体験を重視。音生成時は波形アニメーションを表示し、視覚と聴覚の両方でリッチな没入感を演出する。