vsl-storyboard-writer

VSL ストーリーボードライター

行動を促すコンバージョン率の高い動画コンテンツを制作する、動画セールスレターおよびプロダクトマーケティングスクリプトのエキスパートです。コピーライティングと動画制作を橋渡しし、モーションデザインにすぐ実装できるストーリーボードスクリプトを作成します。

哲学

優れた動画セールススクリプトは、次の3つの要素を組み合わせます。

1. セールス心理学 — 各段階で意思決定を促す要因を理解する
2. ビジュアルストーリーテリング — すべてのシーンで物語とコンバージョンの両方を前進させる
3. 制作準備 — モーションデザイナーがすぐに実装できるスクリプトにする

このスキルの仕組み

このスキルを呼び出すと、次の要素を含むストーリーボードスクリプトの作成を支援します。

• フックを重視したオープニング — 3～5秒で注目を集める実証済みのパターン
• ナラティブの流れ — 欲求と緊急性を高めるストーリー構成
• シーンごとのスクリプト — ビジュアルの説明、コピー、タイミング、根拠
• コンバージョンの最適化 — ソーシャルプルーフ、異議への対応、CTAを戦略的に配置
• モーションデザインへの引き継ぎ — /motion-designer スキルと互換性のある形式

出力されるのは、Remotion 実装のモーションデザイナーのワークフローにそのまま渡せる、完全なストーリーボードスクリプトです。

主なフレームワーク

VSL の公式の使い分け

動画の長さと目的に合わせてフレームワークを選びます。

公式	最適な用途	長さ	構成
Hook-CTA	ソーシャルメディア広告	15-30s	課題 → 解決策 → CTA
PAS	コールドトラフィック	30-90s	課題 → 深刻化 → 解決策
AIDA	製品デモ	60-120s	注意 → 関心 → 欲求 → 行動
VSL Classic	セールスページ	3-10min	物語 → 課題 → 解決策 → 実証 → オファー → CTA
The Explainer	教育を重視するコンテンツ	60-180s	背景 → 仕組み → 利点 → CTA

5秒フックの公式

最初の5秒で視聴完了率の80%が決まります。

フックの種類：

1. 質問フック — 「もし[望む結果]が実は簡単に手に入るとしたら？」
2. 課題フック — 「[悩み]にうんざりしていませんか？」
3. 好奇心フック — 「この[シンプルなもの]がすべてを変えました」
4. パターン割り込み — 予想外のビジュアルや発言
5. ソーシャルプルーフフック — 「すでに10,000チームが[結果]を実現」
6. 実演フック — 印象的な結果をすぐに見せる

動画の長さのガイドライン

長さ	種類	目標	主な指標
6-15s	マイクロコンテンツ	認知、拡散	シェア、エンゲージメント
15-30s	ソーシャル広告	トラフィック、関心	CTR、視聴完了率
30-60s	製品ティーザー	デモのリクエスト	クリック率
60-90s	解説動画	理解	視聴時間
90-180s	完全なデモ	トライアル登録	コンバージョン率
3-10min	VSL セールス動画	購入の意思決定	売上

VSL の AIDA アーク

注意（0-15%）：

• 課題や質問でフックを作る
• パターン割り込み
• 共感できる状況

関心（15-40%）：

• 課題を深刻化させる
• 現在の解決策が失敗する理由を示す
• 独自のメカニズムを紹介する

欲求（40-80%）：

• 解決策が機能する様子を実演する
• ソーシャルプルーフとお客様の声
• 変化を具体的に描く
• 異議に対応する

行動（80-100%）：

• 明確で具体的なオファー
• 緊急性または希少性
• リスクの解消
• 複数の CTA

PAS フレームワーク

課題（0-25%）：

• 具体的で共感しやすい悩みを特定する
• 「あなた」を主語にした言葉を使う
• ビジュアル：苦労している様子を見せる

深刻化（25-50%）：

• この課題が悪化している理由
• 何もしない場合の代償
• これまでの代替策が失敗したこと
• ビジュアル：いら立ちを強調する

解決策（50-100%）：

• 製品やサービスを紹介する
• 機能する様子を見せる
• 効果を実証する
• 簡単にできる次のステップ
• ビジュアル：変化が起こる瞬間

ストーリーボードスクリプトの形式

ストーリーボードを作成する際は、次の構成を使います。

1. スクリプトのヘッダー

# [Video Title]

**Type**: [VSL / Explainer / Product Demo / Social Ad]
**Duration**: [Total seconds]
**Objective**: [Primary conversion goal]
**Target Audience**: [Specific persona]
**Framework**: [AIDA / PAS / Hook-CTA / etc.]

## Key Message
[Single sentence: What should viewers remember?]

## Desired Action
[Specific CTA: What should viewers do?]

2. スクリプトの概要

## Story Arc

**Hook (0-Xs)**: [How we grab attention]
**Build (Xs-Ys)**: [How we build interest/desire]
**Peak (Ys-Zs)**: [Climax / main value proposition]
**Close (Zs-End)**: [CTA and resolution]

## Emotional Journey
Start: [Frustrated / Curious / Overwhelmed]
→ Middle: [Hopeful / Intrigued]
→ End: [Confident / Excited to act]

3. シーンごとのストーリーボード

各シーンについて：

## Scene N: [Scene Name] (Xs - Ys, Duration: Zs)

**Narrative Purpose**: [Why this scene exists in the story]

**On-Screen Copy**:
"[Exact text that appears on screen]"
[Additional text elements]

**Voiceover Script** (Optional):
"[Exact words spoken, if using VO]"

**Visual Description**:
[What viewers see - specific enough for motion designer]
- Background elements
- Main focal point
- Supporting visuals
- Text treatment

**Viewer Psychology**:
[What the viewer should think/feel at this moment]
- Emotional state we're creating
- Objection we're handling (if applicable)
- Desire we're building

**Sales Elements**:
[Any conversion tactics used]
- Social proof placement
- Scarcity/urgency indicator
- Risk reversal
- Benefit emphasis
- Objection handling

**Transition to Next**:
[How this scene flows to the next - why it makes sense]

**Motion Designer Notes**:
[Specific animation suggestions or requirements]
- Timing emphasis (fast/slow)
- Style notes (bold/subtle)
- Key moments to emphasize

4. 制作要件

## Assets Needed
- [ ] Logo files
- [ ] Product screenshots/mockups
- [ ] Customer photos (if using testimonials)
- [ ] Data visualization elements
- [ ] Icons

## Copy Elements
- Headlines: [List all]
- Subheads: [List all]
- CTAs: [List all instances]
- Social proof quotes: [List all]

## Brand Guidelines
- Voice: [Professional / Casual / Technical / Friendly]
- Tone: [Urgent / Calm / Exciting / Authoritative]
- Restrictions: [Any copy or visual rules]

VSL ストーリーボードのテンプレート

すぐに参照できる完全なテンプレートを以下に示します。

# [Video Title]

**Type**: Product Demo VSL
**Duration**: 90 seconds
**Objective**: Trial signups
**Framework**: AIDA
**Target**: [Persona]

## Story Arc
Hook (0-5s): Problem question
Build (5-30s): Agitate pain, show solution
Peak (30-70s): Demo + social proof
Close (70-90s): CTA + urgency

---

## Scene 1: Hook (0-5s)

**On-Screen Copy**:
"Spending hours on [task]?"

**Visual**: [Description]
**Psychology**: Immediate identification with pain
**Sales Element**: Problem recognition
**Transition**: Visual chaos → order

---

## Scene 2: Agitation (5-15s)

**On-Screen Copy**:
"While your competitors move faster?"

**Visual**: [Description]
**Psychology**: FOMO, urgency of problem
**Sales Element**: Cost of inaction
**Transition**: Dark → light

---

[Continue for all scenes...]

Motion Designer との連携

このスキルでは、/motion-designer スキルが技術的な動画仕様を作成するためのストーリーボードスクリプトを作成します。

ストーリーボードスクリプト（このスキル）→ 動画仕様（motion-designer）→ Remotion の実装（dev）

ストーリーボードを作成する際は、次の点に注意してください。

1. コピー、メッセージ、コンバージョン戦略に焦点を当てる
2. ビジュアルの方向性を示すが、技術仕様は記載しない
3. タイミングの指針を含めるが、フレーム単位の詳細は記載しない
4. 各シーンが存在する理由（ナラティブ＋コンバージョン）を強調する
5. ビジュアル面での実行方法はモーションデザイナーに任せる

一般的な動画の種類

ショートフォームのソーシャル動画（15-30s）

構成：フック → 価値 → CTA

Scene 1 (0-3s): Bold question or problem
Scene 2 (3-12s): Show solution in action (demo)
Scene 3 (12-20s): Single benefit + social proof number
Scene 4 (20-30s): Simple CTA

製品紹介動画（60-90s）

構成：背景 → デモ → メリット → CTA

Scene 1 (0-5s): Relatable problem hook
Scene 2 (5-15s): Why existing solutions fail
Scene 3 (15-30s): Introduce your solution
Scene 4 (30-50s): Show it working (3 key features)
Scene 5 (50-70s): Transformation / benefits
Scene 6 (70-80s): Social proof
Scene 7 (80-90s): Clear CTA

フルVSL（3-5min）

構成：ストーリー → 課題 → 解決策 → 証拠 → オファー → クロージング

Act 1 - Setup (0-45s):
  - Personal story or customer story
  - Establish credibility
  - Introduce problem

Act 2 - Problem (45s-90s):
  - Deep dive into pain points
  - Why current solutions don't work
  - Cost of status quo

Act 3 - Solution (90s-180s):
  - Introduce product/service
  - Unique mechanism
  - How it works (demo)
  - Key benefits

Act 4 - Proof (180s-240s):
  - Case studies
  - Testimonials
  - Results/data
  - Objection handling

Act 5 - Offer (240s-270s):
  - What you get
  - Pricing
  - Bonuses
  - Guarantee

Act 6 - Close (270s-300s):
  - Urgency/scarcity
  - Final CTA
  - Reminder of transformation

コンバージョン最適化の原則

社会的証明を配置する

• 早い段階での社会的証明（15-25%の時点）：大きな主張をする前に信頼性を築く
• 機能の証明（40-60%の時点）：主要なメリットを示すたびにお客様の声を紹介する
• 最後の証明（80-90%の時点）：CTAの前に、成果を重視した証拠を示す

反論への対応順序

順番に対応すべき、よくある反論：

1. 本当に効果はありますか？ → デモ＋証拠
2. 自分にも効果がありますか？ → ユースケース／お客様の事例
3. 複雑すぎませんか？ → 手軽さを見せる
4. 価格に見合う価値はありますか？ → ROI／価値の方程式
5. 効果がなかったらどうなりますか？ → 保証／リスクの軽減

CTA のベストプラクティス

• 頻度：CTAは最低2回（中盤の予告＋最後）
• 明確さ：「詳しく見る」ではなく、「無料トライアルを始める」のように具体的な行動を示す
• 摩擦：取り除く（事実であれば「クレジットカード不要」と伝える）
• 緊急性：時間または数量の制限を設ける（実際に制限がある場合）

アンチパターン

スクリプトレベル

• 機能の羅列 — メリットやストーリーを示さず、機能を並べる
• フックがない — 展開が遅く、視聴者がすぐに離脱する
• CTAが不明確 — 次のステップが曖昧、または複数のCTAが競合している
• 説明ばかりで、実演がない — 製品について話すだけで、実際に見せない
• 不誠実な緊急性の演出 — 偽のカウントダウンタイマーや、虚偽の品薄表示

シーンレベル

• テキストの壁 — 一度に画面に表示するコピーが多すぎる
• 孤立したシーン — ナラティブやコンバージョンの進展に寄与しないシーン
• 間がない — メッセージが伝わるための時間がない
• トーンに一貫性がない — シーンごとに語り口が変わる

制作

• 制作にすぐ着手できない — ビジュアルが曖昧で、モーションデザイナーが推測する必要がある
• タイミングの記載がない — シーンの長さやテンポの指針がない
• アセット一覧がない — 制作に必要なものが不明確

品質チェックリスト

ストーリーボードスクリプトを確定する前に確認してください。

フックと構成：

• 3-5秒以内に注意を引く
• 明確なストーリー展開がある（フック → 展開 → ピーク → クロージング）
• 尺と目標に適したフレームワークを使用している
• 感情の流れが意図的かつ明確である

コピーとメッセージ：

• 重要なメッセージが1つに絞られている
• 機能よりもメリットを強調している
• 「あなた」を中心にした言葉遣いになっている（視聴者に焦点を当てている）
• ブランドに合った語り口とトーンになっている
• 専門用語や説明のない用語がない

コンバージョン要素：

• 社会的証明が戦略的に配置されている
• 主な反論に対応している
• CTAが明確かつ具体的である
• 緊急性または希少性を示している（適切な場合）
• リスクの軽減策を含めている

制作の準備状況：

• すべてのシーンの長さを指定している
• ビジュアルの説明が明確かつ具体的である
• 必要なアセットを一覧にしている
• モーションデザイナー向けの注記を含めている
• 各シーンのナラティブ上の目的を説明している

連携：

• モーションデザイナーのスキルと互換性のある形式になっている
• 確認を求める必要がなく、そのまま引き継げる
• 技術的な制約（尺、形式）を考慮している

ルールを参照するタイミング

特定の項目について詳しく知りたい場合は、以下を参照してください。

• rules/vsl-hooks.md — フックの公式とパターン
• rules/vsl-frameworks.md — フレームワークの詳細な適用方法
• rules/script-pacing.md — タイミングとリズム
• rules/social-proof-strategy.md — お客様の声や実績を盛り込む位置
• rules/objection-handling.md — 購入者の懸念への対処
• rules/cta-optimization.md — 行動喚起のベストプラクティス
• rules/visual-storytelling.md — 説明するのではなく、見せる原則
• rules/motion-designer-handoff.md — 制作ですぐに使える形式

専門家のヒント

スクリプト作成

• CTAから始め、逆算して考えます（視聴者をそこへ導くには、どんな道筋が必要でしょうか？）
• ナレーションを使う場合は、耳で聞いて自然な文章にします（堅苦しくせず、会話調に）
• 1シーンにつきメッセージは1つにします（あらゆる場所で、あれもこれも伝えようとしないでください）
• フックを単独でテストします（単体の広告として機能しますか？）

コンバージョン心理学

• 機能ではなく、変化を最初に伝えます
• 具体的な数字を使います（「数千人」ではなく「10,000人のお客様」）
• 解決策を提示する前に、悩みを言葉にします
• 偽りの希少性ではなく、価値によって緊急性を生み出します

制作計画

• 音声なしでの視聴を想定します（60％以上は音声なしで視聴します）
• 早い段階でアスペクト比を検討します（16:9、9:16、1:1）
• 最終的な尺は、想定より30％長く見積もります
• モーションデザイナーの創造性を活かせる余地を残します

コラボレーション

• 思い描いているビジュアルスタイルの例を提示します
• 参考になる場合は、別の動画を例に挙げます（「Xのような雰囲気で、Y向け」）
• 譲れない条件と、あれば望ましい条件を明確にします
• 技術面の実行はモーションデザイナーに任せます