Pianoでブランド音を作る
01短い音作りに参加させ、完成音と一緒に商品やブランドを記憶させる。
発想の出典: タイミング × 音響応答 × 感覚報酬
- 行動仮説
- 視覚だけでなく操作と音を結びつけると、ブランド想起が強くなる。
- 配置
- ブランドLP・新商品・イベント
- 報酬・返り値
- 完成音・限定サウンド・演出解放
計測候補
開始率完了率CTAクリック率
Keys!
Piano
Click keys or use keyboard to play
Interaction DNA
この動きが行動を生む構造
- input
- タイミング
- response
- 音響応答
- psychology
- 感覚報酬
- role
- 再訪
- reward
- 持ち帰れる成果物
ユーザーが得る価値
広告を見るだけでなく、選択や操作そのものを楽しめる。
反証・逆効果の条件
操作が本来のCTAより目立つと、楽しさがコンバージョンを奪う。
CVR Idea Lab
このインタラクションを、コンバージョンに使う
ゲームや動きそのものを目的にせず、参加・理解・特典獲得から次の行動へつなげるための施策仮説です。
音の選択からタイプ診断
02選んだ音・テンポ・組み合わせを診断結果に変え、商品を提案する。
発想の出典: タイミング × 音響応答 × 感覚報酬
- 行動仮説
- 言語化しにくい好みを音で選ばせると、診断への参加障壁が下がる。
- 配置
- 音楽・ファッション・飲料・旅行の診断
- 報酬・返り値
- タイプ名・プレイリスト・商品提案
計測候補
開始率完了率リード獲得率
完成音をシェアして参加
03数秒の演奏や組み合わせを保存可能にし、キャンペーン参加へ接続する。
発想の出典: タイミング × 音響応答 × 感覚報酬
- 行動仮説
- 短く個性的な音の成果物は、テキスト投稿より共有動機を作りやすい。
- 配置
- SNS企画・ファン施策・ローンチ
- 報酬・返り値
- 音源カード・投票参加・抽選権
計測候補
完了率シェア率コンバージョン率
仮説は商材・流入・特典原価に応じて検証が必要です。ゲーム完了だけで成功とせず、最終CVまで計測します。
DNAが近い、次の発想
同じ構造を持つ別の表現へ移動し、施策を組み替えられます。
デザインノート
仮説
Instant sound response + low friction (no install) increases first-session depth.
原則
即時フィードバック主体性フロー
想定指標
- avg engagement time
- sound enabled rate
- repeat plays
Related Articles
音のプログラミングで参考にしたもの — Web Audio APIと音楽理論の接点
Piano、Guitar、Thereminなど11個の音楽コンポーネント実装で学んだWeb Audio APIの勘所と、音プログラミングで参考にした書籍・リソース集。
ブラウザゲーム開発者の作業環境 2026 — 203個のコンポーネントを支えるツールチェーン
203個のブラウザゲーム・インタラクションを開発する環境を紹介。Claude Code中心のワークフロー、bun + Biome + Vite、Git Worktreeによる並列開発。
Claude Codeで200コンポーネントを一括修正した実録 — バグ分類・修正・検証の全工程
203個のインタラクティブコンポーネントに潜むバグを、Claude Codeで6コミット・100+ファイル一括修正した実践記録。分類・テンプレート化・検証の全工程を公開。
TanStack Start × Cloudflare Pages — 詰まった全記録と解決策
CF PagesにTanStack Start v1をデプロイする過程で踏んだ5つの地雷 — Viteプラグイン順序、ServerFnバグ、FOUC対策など — の回避策を実コードで解説する。