ph-video-demo

Product Hunt の動画デモ

このスキルは、注目を集め、価値を伝え、Product Hunt の訪問者をユーザーに変えるデモ動画の作成を支援します。

このスキルを使う場面

• Product Hunt のデモ動画の台本を作成するとき
• 動画の形式と長さを決めるとき
• 映像の流れを計画するとき
• 録画ツールを選ぶとき
• Product Hunt のオーディエンスに合わせて最適化するとき

動画の仕様

技術要件

• プラットフォーム： PH への埋め込みに対応する YouTube のみ
• 公開設定： 公開または限定公開（非公開は不可）
• アップロード時期： ローンチ日の前（埋め込みをテストしてください！）

最適な長さ

種類	長さ	目的
ティーザー	15-30秒	手短なフック、好奇心を引く
デモ	45-90秒	製品を一通り紹介する
ウォークスルー	2-5分	詳細なチュートリアル

Product Hunt で最適な長さ：30-60秒

動画構成のフレームワーク

3幕構成

ACT 1: THE HOOK (0-10 seconds)
├── Problem statement OR
├── Bold claim OR
└── Question that resonates

ACT 2: THE DEMO (10-45 seconds)
├── Show product in action
├── Highlight key features
└── Demonstrate the "aha" moment

ACT 3: THE CLOSE (45-60 seconds)
├── Recap value prop
├── Call to action
└── Special offer (optional)

台本作成ガイド

秒単位のテンプレート

[0:00-0:05] HOOK
"[Problem statement or attention-grabber]"

[0:05-0:10] INTRODUCTION
"[Product name] lets you [core value prop]"

[0:10-0:20] FEATURE 1 (Most impressive)
"Watch how easy it is to [action]..."
[Show action happening]

[0:20-0:30] FEATURE 2
"And when you need to [action]..."
[Show action]

[0:30-0:40] FEATURE 3 / THE WOW MOMENT
"The best part? [Unique capability]"
[Show the magic]

[0:40-0:50] RESULTS / PROOF
"[Users/Companies] have already [achieved result]"

[0:50-0:60] CTA
"Try [Product] free at [domain].
Special for Product Hunt: [offer]"

フックの定型パターン

パターン1：悩みを提示する

"If you've ever spent hours [frustrating task],
you know how painful [problem] can be."

パターン2：大胆な主張をする

"What if you could [impressive outcome]
in [surprisingly short time]?"

パターン3：問いかける

"Why do [target audience] still struggle with
[problem] in [current year]?"

パターン4：統計を示す

"[Target audience] waste [X hours/dollars]
every [timeframe] on [problem]. We fixed that."

パターン5：物語の始まりを見せる

"Last month, I lost [something valuable]
because [problem]. So I built [Product]."

デモセクションのベストプラクティス

説明するより、見せる

• ✓ 意図のあるカーソル操作
• ✓ ズームやコールアウトでクリック箇所を強調する
• ✓ 実際のデータ（または現実的なダミーデータ）
• ✓ 滑らかで、練習を重ねた操作

ペース配分

• ✓ 関心を維持できる速さにする
• ✓ 見ていて分かる速さにする
• ✓ 重要な場面では間を取る
• ✓ 無駄な時間を作らない

実演する内容

1. 価値を得るまでの最も簡単な手順（使い始める）
2. 最も印象的な機能（驚きを生む）
3. 独自の差別化要素（競合ではなく、あなたを選ぶ理由）

声とナレーション

選択肢1：創業者によるナレーション

メリット： 本物らしさがあり、個人的で、親近感を築ける デメリット： プロ品質にならない場合がある

ヒント：

• 外部マイクを使う
• 静かな場所で録音する
• 台本を読むのではなく、自然に話す
• エネルギーが大切です！

選択肢2：プロのナレーション

メリット： 洗練されていて、明瞭 デメリット： 個人的な印象が薄く、費用がかかる

選択肢3：音声なし（音楽＋テキスト）

メリット： 万人向け（言語の壁がない） デメリット： 見応えに欠け、内容を追いにくい

テキストを画面に重ねる場合：

• 大きく読みやすいフォント
• 高いコントラスト
• 短いフレーズ
• アクションに合わせて表示する

選択肢4：AI によるナレーション

ツール： ElevenLabs、Murf、Play.ht メリット： 素早く、一貫性があり、何度でも生成できる デメリット： ロボットのように聞こえる場合がある

映像制作

画面録画のヒント

• デスクトップを整理する（個人情報を隠す）
• 不要なタブやアプリを閉じる
• ズームやフォーカス効果を使う
• カーソルを目立たせる
• 最低1080pの解像度にする

おすすめの録画ツール

基本：

• Loom（無料プランあり）
• QuickTime（Mac）
• OBS（無料、高機能）

プロ向け：

• ScreenStory
• Screen Studio（Mac）
• Camtasia

洗練されたデモ向け：

• Arcade
• Supademo
• CleanShot X

ポストプロダクション

• 無駄な時間をカットする
• 重要な操作にズームを加える
• トランジションを入れる（控えめに）
• BGMを加える（小さめに）
• 1080pで書き出す

音楽と音声

BGM

• 控えめにする（声より小さく）
• 明るく、気を散らさないものにする
• ロイヤリティフリーの音源：
  • Epidemic Sound
  • Artlist
  • YouTube Audio Library（無料）

音量レベル

• 声：メインの音量
• 音楽：声の音量の10-20%
• 急な音量変化を避ける

サムネイルとタイトル

YouTube のサムネイル

• カスタムサムネイルを使う（自動生成されたものではなく）
• 製品名を表示する
• 明快でシンプルなデザインにする
• PH のギャラリーのスタイルに合わせる

動画タイトル

[Product Name] - [Core Value Prop] | Product Hunt Launch

例：

Raycast - Supercharged Productivity for Mac | Product Hunt Launch

製品別の動画タイプ

SaaS／Web アプリ

[Hook] → [Dashboard tour] → [Key workflow] → [Integration] → [CTA]

開発者向けツール

[Problem] → [Installation] → [Code example] → [Result] → [Docs mention]

モバイルアプリ

[Phone mockup] → [Onboarding] → [Key screens] → [Use case] → [Download CTA]

AI 製品

[Input example] → [AI processing] → [Output magic] → [Variations] → [Try it]

避けるべきよくあるミス

• ❌ 長すぎる（90秒超）
• ❌ 始まりが遅い（すぐにフックを入れる）
• ❌ 機能を詰め込みすぎる（2～3個に絞る）
• ❌ 音質が悪い
• ❌ 台本をロボットのように読み上げる
• ❌ 最後に明確な CTA がない
• ❌ YouTube 動画が非公開になっている
• ❌ ローンチ当日にアップロードする（事前にテストしてください！）

動画のチェックリスト

撮影前

• 台本を作成し、練習しました
• 最初の5秒で引きつける要素を用意しました
• 特徴の優先順位を決めました（上位3つ）
• 撮影環境を整えました

撮影

• 高画質で録画しました（1080p以上）
• 音声をクリアに録音しました（外部マイク）
• スムーズにデモを行いました（手間取りなし）
• デスクトップ／環境を整理しました

撮影後

• 無駄な時間を削除しました
• 重要な場面にズーム効果を追加しました
• BGMを追加しました
• 字幕（任意ですが、あると便利です）

公開

• YouTubeにアップロードしました（公開／限定公開）
• カスタムサムネイルを設定しました
• 内容が伝わるタイトルを設定しました
• 公開前にPHでの埋め込みをテストしました

出力形式

VIDEO SCRIPT FOR: [Product Name]

DURATION: [X seconds/minutes]
FORMAT: [Screen recording / Mixed / Animation]
VOICE: [Founder / Professional / AI / None]

---

SCRIPT:

[0:00-0:05] HOOK
[Write exact script]

[0:05-0:10] INTRO
[Write exact script]

[0:10-0:25] DEMO - FEATURE 1
Visual: [Describe what's on screen]
Script: "[Narration]"

[0:25-0:40] DEMO - FEATURE 2
Visual: [Describe what's on screen]
Script: "[Narration]"

[0:40-0:50] WOW MOMENT
Visual: [Describe what's on screen]
Script: "[Narration]"

[0:50-0:60] CTA
Visual: [Describe what's on screen]
Script: "[Narration]"

---

PRODUCTION NOTES:
- Recording tool: [Recommendation]
- Music style: [Upbeat/Calm/None]
- Key zoom moments: [Timestamps]
- Thumbnail concept: [Description]