冒頭3秒の設計術 — スクロールを止める“理由”の作り方

記事
ビジネス・マーケティング
「最初の数秒で勝負が決まる」──CMでは常識ですが、TikTokでもまったく同じです。
ただし“派手にすれば良い”わけではありません。大切なのは「視聴者にとっての“意味”が即時に伝わること」。私はCMで長年、「人が“続き”を見たくなる理由」を設計してきました。その視点をTikTokに落とすと、冒頭3秒は次の3要素で構成するのが鉄板です。

1) 問題の可視化(視覚化)

例)「白シャツにコーヒーが…(シミ拡大の接写)」

例)「10分並んで買えない…(行列の俯瞰→時計アップ)」

ポイント:言葉より“画”。一瞬で状況がわかるカットを入れます。

2) 逆転の兆し(解決の予告)

例)ボトルを一振り、「これ、30秒で落ちます」

例)箱を開ける手元アップ、「これで行列ゼロ」

ポイント:答えを“全部”言わない。“兆し”で止めると視聴が伸びます。

3) 視聴者の得(具体的ベネフィット)

例)「洗い直しゼロ」「並ばず5分短縮」「1日中ムレない」

ポイント:数字・時間・回数など“測れる言葉”を入れると強い。

即使える“3秒フック”テンプレ(そのまま読み上げOK)

「◯◯、まだ◯◯してる?このやり方だと—」

「10秒で◯◯を終わらせる方法、結論コレ」

「99%がやってない◯◯のコツ、見て」

「買う前にこれだけは見て。◯◯の落とし穴」

「◯◯にもう悩まない。今日からは—」

「同じ値段で“体験”が別物になる話」

「これ知らないと、1年で◯◯円損します」

「プロは◯◯を選ばない。理由はシンプル」

「これやるだけで“秒で”変わる。やり方は—」

「正直レビュー:良い点3つ、ダメな点1つ」

CM的コツ:主語は“あなた”。語尾は言い切り。疑問形を入れるなら1つまで。

秒単位の構成サンプル(15秒版)

0:00–0:02 問題の可視化(接写or極端比較)+フレーズ1行

0:03–0:05 逆転の兆し(使い始め/開封/ワンアクション)

0:06–0:10 実演(ビフォー→アフターを重ね比較/拡大)

0:11–0:13 得の明示(数字・時間・回数で言い切り)

0:14–0:15 CTA+導線(商品タグ点灯/固定コメントでクーポン提示)

見せ場は“アフター”ではなく“差”そのもの。2画面比較や同一フレーム内比較が強いです。

テロップ&音の最小構成

テロップ:1行14文字前後/最大3行/1画面2.5秒以内

ワード:問題=黒、解決=白、数字=囲み。読み速度に合わせて“出し入れ”

音:環境音+短SFX(フッ、カチ、ポン)。過剰BGMは情報を溶かします

NGパターン(再現性が落ちる)

冒頭で“誰?”の自己紹介(意味情報がゼロの時間)

主観カメラで状況が判別できない長回し

抽象ワード連発(“すごい”“新しい”のみ)は弱い

TikTok Shop 導線の作法(3点だけ)

商品タグは“見せ場”の直前に点灯

固定コメントに「◯日まで◯%OFF/返品条件」を明記(安心材料)

説明欄の1行目は“数字の得”で始める(例:「洗濯30%時短」)

A/Bテストの簡易設計(クリエイティブ検証)

変数は1つずつ:①冒頭フレーズ ②最初のカット ③比較方法

指標:3秒視聴率→6秒到達率→商品ページ遷移率→購入率

目安:3秒視聴率+5ptで、遷移はおおむね1.3〜1.6倍に伸びます(体感)

まとめ

冒頭3秒は「問題の可視化→逆転の兆し→具体的な得」。
“派手さ”より“意味の速さ”。ここが整うと、以降のすべて(実演・比較・導線)が活きます。
CMディレクターとして培った“秒単位の意味設計”で、御社商品の冒頭3秒を作り替えます。気軽に相談ください。最初の3秒、私が責任を持って上げます。
サービス数40万件のスキルマーケット、あなたにぴったりのサービスを探す ココナラコンテンツマーケット ノウハウ記事・テンプレート・デザイン素材はこちら