Before-After-Bridge（BAB）とは？シンプルで強力なコピー構成を解説

Before-After-Bridge（BAB）とは、読者の現在の状態、理想の状態、そこへ進むための手段を順番に示すコピーライティングの構成です。日本語では「変化前・変化後・橋渡し」と考えると分かりやすくなります。まず読者が今抱えている課題を示し、次にその課題が解決された理想の未来を描き、最後に商品、サービス、方法、行動を橋渡しとして提示します。

BABは、コピーライティング初心者にも使いやすいフレームワークです。理由は、構造が非常にシンプルだからです。読者は、自分の現在の悩みを理解してもらい、理想の状態をイメージし、そのための具体的な方法を知ることで、行動しやすくなります。複雑な説得よりも、変化の流れを分かりやすく見せることに強みがあります。

本記事では、Before-After-Bridgeの基本構造、Before・After・Bridgeそれぞれの役割、マーケティング、SaaS、ECサイト、UXライティングでの活用方法、PASとの違い、効果的な書き方、よくある失敗、実践テンプレート、AI時代の活用まで詳しく解説します。コピーライティングを学び始めた人でも、実際の文章作成に使えるように整理しています。

1. Before-After-Bridgeとは

Before-After-Bridgeとは、読者の「今の状態」と「理想の状態」を対比し、その間をつなぐ解決策を示すコピー構成です。Beforeでは、読者が抱えている現在の課題や不満を示します。Afterでは、その課題が解決された未来を描きます。Bridgeでは、その未来へ進むための手段として商品やサービスを提示します。

この構成が強い理由は、読者が変化を直感的に理解できるからです。人は、単なる機能説明よりも、「今の悩みがどう変わるのか」を知りたいと考えます。BABは、読者にとっての変化を中心にした構成であるため、マーケティング、コピーライティング、セールス、UX、SNS投稿など幅広い場面で使えます。

1.1 構成要素

Before-After-Bridgeの構成要素は非常にシンプルです。しかし、シンプルだからこそ、読者に伝わりやすいコピーを作れます。Beforeで読者の現実に寄り添い、Afterで理想の未来を見せ、Bridgeで具体的な解決策を示すことで、自然な流れで行動へつなげられます。

重要なのは、Bridgeをいきなり出さないことです。初心者は商品やサービスを先に説明しがちですが、読者はまず自分に関係があるかを判断します。BeforeとAfterを先に示すことで、読者は「これは自分の問題を解決してくれるものだ」と理解しやすくなります。

1.2 なぜ使われるのか

BABが使われる理由は、読者に変化を分かりやすく伝えられるからです。商品やサービスの機能を説明するだけでは、読者は自分にとっての価値をイメージしにくい場合があります。しかし、BeforeとAfterを対比すると、読者は「今の状態からどう変わるのか」を直感的に理解できます。

また、BABは短いコピーにも長いコピーにも使いやすい構成です。SNS投稿なら数行で使えます。ランディングページなら、ファーストビュー、課題提示、解決策、CTAまでの流れに使えます。SaaSやECサイトでも、導入前と導入後、使用前と使用後の差を伝えることで、価値を分かりやすく示せます。

1.3 コピーライティングとの関係

コピーライティングでは、読者に行動してもらうために、価値を分かりやすく伝える必要があります。BABは、その価値を「変化」として伝えるフレームワークです。読者は、商品そのものではなく、自分の悩みが解決されること、自分の状態が良くなることに関心があります。

たとえば、「高性能な文章作成ツールです」と書くだけでは、読者にとっての価値が弱くなります。一方で、「毎回ゼロから文章を考えて時間がかかる状態から、テンプレートに沿って短時間でコピーを作れる状態へ」と伝えると、価値が具体的になります。BABは、特徴説明を読者視点の変化へ変換するために役立ちます。

2. BABの基本構造

BABの基本構造は、Before、After、Bridgeの三段階です。最初に読者の現在の課題を示し、次に理想の未来を描き、最後にその未来へ進むための解決策を提示します。この順番が重要です。読者の課題を示さないまま解決策を出しても、読者は必要性を感じにくくなります。

BABは、ストーリー構造に近いコピーです。主人公である読者が、困っている状態から、理想の状態へ進む。その変化を助けるものとして商品やサービスが登場する。この流れがあるため、単なる商品説明よりも共感と理解を作りやすくなります。

2.1 Before

Beforeでは、読者の現在の状態を示します。ここで重要なのは、読者が「自分のことだ」と感じられる具体性です。「困っていませんか」と広く書くよりも、「毎回ゼロから文章を考えて、投稿作成に時間がかかっていませんか」と書いたほうが、読者は自分の状況に置き換えやすくなります。

Beforeは、読者を責めるための部分ではありません。読者の悩みに寄り添い、問題を言語化する部分です。読者がすでに感じている不満や不安を正しく表現できると、コピーへの共感が高まります。

2.2 After

Afterでは、課題が解決された後の理想状態を描きます。ここでは、単に「便利になります」と書くのではなく、読者が得られる変化を具体的に示すことが大切です。読者は、Afterを見て「そうなりたい」と感じます。

Afterは、モチベーションを作る部分でもあります。Beforeだけでは問題の認識で終わりますが、Afterがあることで、読者は未来をイメージできます。理想状態が現実的で具体的であるほど、読者は次のBridgeに関心を持ちます。

2.3 Bridge

Bridgeでは、BeforeからAfterへ進むための手段を示します。商品、サービス、テンプレート、講座、無料体験、資料、相談、機能などがBridgeになります。Bridgeは、読者にとって「理想の状態へ進むための具体的な道筋」である必要があります。

Bridgeを書くときは、長く説明しすぎないことが重要です。BeforeとAfterで価値が伝わっていれば、Bridgeは簡潔で十分です。読者が「何をすればよいか」を理解できるように、具体的な行動やCTAへつなげます。

2.4 全体の流れ

BAB全体の流れは、読者の心理変化に沿っています。Beforeで現在の課題を認識し、Afterで理想の未来を想像し、Bridgeでその未来へ進む方法を理解します。この流れが自然であれば、読者は行動しやすくなります。

たとえば、「毎回ゼロから文章を考えて時間がかかる。テンプレートに沿って書けば、短時間で読みやすいコピーを作れる。まずは初心者向けBABテンプレートを使って、最初のコピーを作ってみましょう」という流れです。短い文章でも、Before、After、Bridgeの順番があると、伝わり方が大きく変わります。

3. Beforeの役割

Beforeの役割は、読者の現在の課題を示し、共感を作り、問題を明確化し、感情を引き出すことです。BABでは、Beforeが弱いと全体の説得力も弱くなります。読者が自分の課題を感じなければ、AfterにもBridgeにも関心を持ちにくいからです。

Beforeでは、読者が日常的に感じている不満や不安を具体的に言語化します。重要なのは、読者を不安にさせすぎることではなく、すでにある問題を分かりやすく表現することです。Beforeは、共感の入口です。

3.1 現在の課題を示す

Beforeでは、読者の現在の課題を明確に示します。コピーライティングでは、課題が具体的であるほど読者に届きやすくなります。「文章が苦手」だけでは広すぎますが、「商品説明を書いても、読者にとってのメリットが伝わらない」と書くと、課題が明確になります。

現在の課題を示すときは、読者が実際に感じている言葉を使うことが大切です。企業側の言葉ではなく、読者の日常に近い表現にします。Beforeが具体的であれば、読者は文章を読み進める理由を持ちます。

3.2 共感を作る

Beforeは、共感を作るための重要な部分です。読者は、自分の悩みを正しく理解してくれる文章に反応します。「この人は自分の状況を分かっている」と感じると、次の内容にも関心を持ちやすくなります。

共感を作るには、読者を責めない表現が必要です。「あなたの文章が悪い」と言うのではなく、「伝えたいことが多いほど、コピーが長くなってしまうことがあります」と書くほうが自然です。共感は、読者との信頼関係を作る入口になります。

3.3 問題を明確化する

Beforeでは、問題を明確化することも大切です。読者は、何となく困っている状態では行動しにくい場合があります。問題が明確になることで、解決策の必要性を理解しやすくなります。

たとえば、「SNS投稿が伸びない」という問題を、「最初の一文で読者の関心を引けていない」「CTAがなく、読後の行動が分からない」と分解すると、改善すべきポイントが見えます。Beforeでは、漠然とした悩みを具体的な課題に変えることが重要です。

3.4 感情を引き出す

Beforeは、読者の感情を引き出す役割もあります。面倒、不安、焦り、悔しさ、迷いといった感情は、行動のきっかけになります。ただし、感情を引き出すことは、過剰に煽ることではありません。読者が自然に感じている気持ちを丁寧に表現することが大切です。

たとえば、「このままでは売上が落ちます」と強く煽るよりも、「広告費をかけても、商品の価値が伝わらなければ離脱される可能性があります」と書くほうが誠実です。Beforeでは、感情と現実的な問題をバランスよく扱います。

4. Afterの役割

Afterの役割は、読者に理想状態を示し、成功をイメージさせ、メリットを伝え、行動へのモチベーションを作ることです。Beforeで課題を示した後に、Afterで「その課題が解決されたらどうなるのか」を描きます。読者は、Afterを見ることで未来の変化を想像します。

Afterは、単なる明るい未来ではなく、読者にとって現実的で魅力的な状態である必要があります。誇張しすぎた理想状態は信頼を下げます。具体的で達成可能なAfterを描くことが、BABを効果的に使うポイントです。

4.1 理想状態を示す

Afterでは、読者が得たい理想状態を示します。Beforeが「今の困りごと」であるなら、Afterは「それが解決された状態」です。理想状態が明確であれば、読者は自分が得られる価値をイメージしやすくなります。

たとえば、「コピーが上手くなる」だけでは曖昧です。「見出し、本文、CTAの流れを短時間で組み立てられる」と書くと、理想状態が具体的になります。Afterでは、読者が実際に想像できる未来を描くことが重要です。

4.2 成功をイメージさせる

Afterでは、読者に成功をイメージさせます。成功とは、必ずしも大きな成果だけではありません。時間が短縮される、迷いが減る、安心して行動できる、チームが使いやすくなる、購入前の不安が減るといった変化も成功です。

成功をイメージさせるには、読者の状況に近い例を使います。SaaSなら業務効率化、ECなら使用後の満足感、SNSなら投稿作成のしやすさなど、場面に合わせて表現します。Afterは、読者が「自分もそうなりたい」と感じる部分です。

4.3 メリットを伝える

Afterでは、読者にとってのメリットを伝えます。ここで注意すべきなのは、機能とメリットを混同しないことです。機能は商品が持つ特徴であり、メリットは読者が得られる価値です。Afterでは、読者にとっての変化を中心に書きます。

たとえば、「テンプレートがあります」は機能です。「文章構成に迷う時間を減らせます」はメリットです。Afterでメリットを明確にすると、Bridgeで提示する商品やサービスの価値が伝わりやすくなります。

4.4 モチベーションを作る

Afterは、読者のモチベーションを作ります。現在の課題だけを見せられても、読者は行動したいとは限りません。理想の未来が見えることで、読者は「その状態に近づきたい」と感じます。この気持ちが、Bridgeへの関心につながります。

モチベーションを作るには、Afterを読者の欲求と結びつけることが大切です。楽になりたい、成果を出したい、失敗を避けたい、信頼されたい、時間を節約したいといった欲求に合わせて理想状態を描きます。Afterは、行動する理由を作る部分です。

5. Bridgeの役割

Bridgeの役割は、BeforeからAfterへ進むための解決策を示し、読者を行動へつなげ、不安を減らし、価値を伝えることです。BABにおいてBridgeは、商品やサービスを押し付ける部分ではありません。読者が理想状態へ進むための自然な手段として提示する部分です。

Bridgeが弱いと、BeforeとAfterが良くても行動につながりません。読者が「どうすればその状態になれるのか」を理解できなければ、コピーは途中で止まってしまいます。Bridgeでは、解決策を簡潔に、分かりやすく、信頼できる形で示すことが重要です。

5.1 解決策を示す

Bridgeでは、読者がAfterへ進むための解決策を示します。解決策は、商品、サービス、テンプレート、講座、相談、無料体験、資料、機能などです。重要なのは、それがBeforeで示した課題を解決し、Afterで示した理想状態へつながっていることです。

たとえば、Beforeが「コピー構成に迷う」、Afterが「短時間で読みやすいコピーを書ける」であれば、Bridgeは「BABテンプレート」や「コピーライティング講座」になります。Bridgeは、課題と理想をつなぐ具体的な手段です。

5.2 行動へつなげる

Bridgeは、行動へつなげる役割を持ちます。解決策を示すだけで終わるのではなく、読者が次に何をすればよいかを明確にします。CTAが曖昧だと、読者は行動しにくくなります。

たとえば、「詳しくはこちら」よりも、「無料でテンプレートをダウンロードする」「3分で無料登録する」「導入相談を予約する」のほうが具体的です。Bridgeでは、解決策とCTAを自然につなげることが大切です。

5.3 不安を減らす

Bridgeでは、読者の不安を減らすことも重要です。読者は、解決策に興味を持っても、料金、手間、効果、サポート、リスクに不安を感じる場合があります。その不安を放置すると、行動にはつながりません。

不安を減らすには、「無料で試せます」「クレジットカード不要」「初心者向け」「導入サポート付き」「いつでも解約できます」などの補足が有効です。Bridgeは、読者が安心して行動できる状態を作る部分でもあります。

5.4 価値を伝える

Bridgeでは、解決策の価値を伝えます。ただ商品名を出すだけではなく、なぜそれがBeforeからAfterへの橋渡しになるのかを説明します。価値が伝わると、読者はBridgeを自然に受け入れやすくなります。

たとえば、「このツールでは、見出し、本文、CTAをテンプレートに沿って作成できるため、文章構成に迷う時間を減らせます」と書くと、Bridgeの役割が明確になります。Bridgeは、商品説明ではなく、変化を実現する手段として伝えることが重要です。

6. なぜBABは効果的なのか

BABが効果的なのは、ストーリー構造があり、理解しやすく、共感を作りやすく、行動を促しやすいからです。Beforeで読者の現在の状態を示し、Afterで理想の未来を描き、Bridgeで解決策を提示する流れは、非常に自然です。読者は、課題、変化、方法の順番で情報を受け取るため、価値を理解しやすくなります。

通常の商品説明では、企業側が伝えたい機能や特徴が中心になりやすくなります。一方で、BABは読者の変化を中心にします。読者は、商品そのものよりも、自分に何が起こるのかを知りたいと考えています。この読者視点が、BABの強さです。

6.1 ストーリー構造がある

BABには、シンプルなストーリー構造があります。読者が困っている状態から、理想の状態へ進み、その途中に解決策があるという流れです。この構造は、読者にとって理解しやすく、記憶にも残りやすくなります。

ストーリー構造があると、商品やサービスの価値が文脈の中で伝わります。機能を単独で説明するよりも、「その機能によって読者の状態がどう変わるのか」を示したほうが、価値は伝わりやすくなります。BABは、短いコピーでもストーリーを作れる構成です。

6.2 理解しやすい

BABは、構造がシンプルなので理解しやすいフレームワークです。Before、After、Bridgeの三つだけを押さえれば使えるため、初心者でも実践しやすくなります。複雑な理論を知らなくても、現在、理想、方法の順番で考えるだけでコピーを組み立てられます。

読者にとっても理解しやすい構成です。今の困りごと、解決後の未来、そこへ進む方法が順番に示されるため、メッセージが自然に伝わります。分かりやすさは、コピーライティングにおいて非常に重要です。

6.3 共感を作りやすい

BABは、Beforeから始まるため、共感を作りやすい構成です。読者の現在の悩みや状況を示すことで、「これは自分のことだ」と感じてもらいやすくなります。共感が生まれると、読者は続きを読みたくなります。

共感を作るためには、Beforeの具体性が重要です。読者が実際に感じている悩みや不安を言語化すると、コピーは強くなります。BABでは、読者の現実に寄り添うことが最初のステップです。

6.4 行動を促しやすい

BABは、行動を促しやすい構成です。読者は、Beforeで課題を認識し、Afterで理想状態をイメージし、Bridgeで具体的な方法を知ります。この流れができると、CTAへの移行が自然になります。

行動を促すには、Bridgeの後に明確なCTAを置くことが重要です。「無料で試す」「資料を見る」「商品を確認する」「相談を予約する」など、次の行動を具体的に示します。BABは、読者の心理的な流れに沿って行動へ導けるフレームワークです。

7. マーケティングでの活用方法

BABは、マーケティングのさまざまな場面で活用できます。ランディングページ、広告コピー、メールマーケティング、SNS投稿など、読者に変化を伝えたい場面に向いています。特に、商品やサービスの価値を機能ではなく「読者の変化」として伝えたいときに効果的です。

マーケティングでは、読者の注意を引き、共感を作り、価値を理解してもらい、行動へつなげる必要があります。BABは、この流れを短く分かりやすく作れるため、初心者にも実務にも使いやすい構成です。

7.1 ランディングページ

ランディングページでは、BABをページ全体の流れとして使えます。ファーストビューでBeforeとAfterを示し、本文で課題を深掘りし、商品やサービスをBridgeとして提示し、最後にCTAへつなげます。読者がページを読み進める中で、自然に価値を理解できる構成になります。

たとえば、コピーライティング講座のLPなら、Beforeで「文章を書いても反応がない」、Afterで「読者に価値が伝わり、CTAまで自然につなげられる」、Bridgeで「初心者向けの実践講座」を提示できます。LPでは、BABにレビューや実績、FAQを加えると説得力が高まります。

7.2 広告コピー

広告コピーでは、短いBABが効果的です。広告は表示される時間が短いため、読者の課題と理想の変化をすぐに伝える必要があります。BeforeとAfterの差が明確であれば、読者の注意を引きやすくなります。

たとえば、「毎回投稿文に30分かかる。テンプレートなら10分で作れる。無料サンプルを見る」という流れです。短い広告でも、Before、After、Bridgeが入っていると、単なる機能訴求よりも行動につながりやすくなります。

7.3 メールマーケティング

メールマーケティングでもBABは使いやすい構成です。件名や冒頭でBeforeを示し、本文でAfterを描き、最後にBridgeとして資料、商品、相談、無料体験へ誘導します。読者の悩みに寄り添いながら、自然にCTAへつなげられます。

たとえば、件名で「商品説明が読まれない原因は、機能紹介だけかもしれません」とBeforeを示します。本文で「読者視点に変えると、メリットが伝わりやすくなります」とAfterを描き、最後に「改善テンプレートを無料で読む」とBridgeを提示します。メールでは、流れの自然さが重要です。

7.4 SNS投稿

SNS投稿では、BABを短文で使えます。SNSでは読者の注意時間が短いため、Beforeを強く、Afterを分かりやすく、Bridgeを簡潔にする必要があります。共感から始める投稿との相性が良い構成です。

たとえば、「文章を書こうとすると、最初の一文で止まってしまう。型を使えば、見出しから本文まで迷わず書き始められる。まずはBefore-After-Bridgeで1本作ってみる」という投稿です。SNSでは、Bridgeを「保存」「コメント」「プロフィールを見る」などの行動に変えることもできます。

8. SaaSでのBAB活用

SaaSでは、BABを使うことで、導入前の業務課題、導入後の理想状態、製品の役割を分かりやすく伝えられます。SaaSは無形のサービスであるため、機能を説明するだけでは価値が伝わりにくい場合があります。BABを使うと、ユーザーが得られる変化を具体的に示せます。

特にBtoB SaaSでは、導入前の不安が大きくなります。チームに定着するか、費用対効果があるか、現場が使えるか、既存業務に合うかといった不安があります。BABは、これらの不安を課題から成果までの流れで整理するために有効です。

8.1 現在の業務課題を示す

SaaSのBeforeでは、現在の業務課題を示します。たとえば、情報が複数のツールに分散している、確認作業に時間がかかる、進捗が見えにくい、担当者ごとに管理方法が違うといった課題です。これらを具体的に書くことで、読者は自社の状況に置き換えやすくなります。

重要なのは、機能説明から始めないことです。「タスク管理機能があります」ではなく、「チームの進捗が見えず、会議前の確認に時間がかかっていませんか」と始めることで、読者の関心を引きやすくなります。SaaSでは、Beforeの具体性が価値理解に直結します。

8.2 理想の業務状態を示す

Afterでは、理想の業務状態を示します。情報が一元管理され、進捗が見える化され、確認作業が短縮され、チーム全体が同じ情報を見ながら動ける状態です。読者が「その状態になれば助かる」と感じる未来を描きます。

SaaSのAfterでは、抽象的なメリットだけでなく、業務場面を具体的に示すことが重要です。「効率化できます」ではなく、「会議前に各担当者へ確認する時間を減らし、最新の進捗を一画面で確認できます」と書くと、価値が伝わりやすくなります。

8.3 製品をBridgeにする

SaaSでは、製品そのものがBridgeになります。ただし、Bridgeとして製品を提示するときは、機能を羅列するのではなく、BeforeからAfterへの変化を支えるものとして説明します。製品は、読者を理想状態へ導く手段です。

たとえば、「このSaaSでは、タスク、担当者、期限、進捗を一元管理できるため、確認作業を減らし、チーム全体で状況を共有できます」と書きます。Bridgeでは、製品の機能と読者の変化をつなげて説明することが重要です。

8.4 成果を示す

SaaSのBABでは、成果を示すことで説得力が高まります。導入後に作業時間が短縮された、問い合わせ対応が早くなった、チームの利用率が上がった、レポート作成が効率化されたなど、具体的な成果があると信頼されやすくなります。

成果を示す際は、数値や導入事例を使うと効果的です。ただし、誇張しすぎると信頼を損ないます。どのような条件で、どのような変化があったのかを現実的に伝えることが大切です。SaaSでは、Afterと成果を結びつけることが重要です。

9. ECサイトでのBAB活用

ECサイトでも、BABは効果的に使えます。ユーザーは、商品を実際に手に取れない状態で購入を判断します。そのため、使用前の悩み、使用後の変化、商品がどのように役立つかを分かりやすく示す必要があります。BABは、商品の価値を生活や使用場面の変化として伝えるのに向いています。

ECサイトでは、単なるスペック説明だけでは購入意欲につながりにくい場合があります。素材、サイズ、機能を説明するだけでなく、それによってユーザーがどのように快適になるのか、どのような不安が減るのかを伝えることが大切です。

9.1 商品利用前を示す

ECサイトのBeforeでは、商品を使う前の悩みや不便を示します。たとえば、「毎朝の服選びに時間がかかる」「長時間歩くと足が疲れる」「収納スペースが散らかりやすい」などです。読者が日常で感じている悩みに近い表現を使うと、共感が生まれます。

商品利用前を示すときは、ターゲットの生活場面を具体的に想定します。同じ商品でも、忙しい社会人、子育て中の人、学生、旅行好きの人では悩みが異なります。Beforeは、商品ページを読者視点に変えるための入口です。

9.2 利用後を示す

Afterでは、商品を使った後の状態を示します。服なら「朝のコーディネートに迷いにくい」、靴なら「長時間歩いても快適に過ごせる」、収納用品なら「必要なものをすぐ取り出せる」といった変化です。読者は、使用後のイメージが湧くと購入しやすくなります。

ECサイトでは、写真やレビューとAfterを組み合わせると効果的です。テキストだけでなく、実際の使用写真や利用者の声があると、理想状態がより具体的に伝わります。Afterは、商品の使用価値を伝える部分です。

9.3 商品価値を伝える

Bridgeでは、商品価値を伝えます。ここで重要なのは、商品の特徴を読者のメリットに変換することです。たとえば、「軽量素材」だけではなく、「長時間持ち歩いても負担になりにくい」と伝えることで、商品価値が明確になります。

ECサイトでは、商品価値を複数の視点で伝えることも大切です。機能、デザイン、使いやすさ、耐久性、安心感、レビューなどを組み合わせて、読者が納得できる情報を提供します。Bridgeは、商品を購入する理由を作る部分です。

9.4 購入行動を促す

最後に、購入行動を促します。ECサイトのCTAでは、購入ボタンだけでなく、サイズ確認、レビュー確認、カート追加、在庫確認などの行動も重要です。読者が不安を感じる場合は、購入前に必要な情報へ誘導することも効果的です。

たとえば、「サイズガイドを見る」「写真付きレビューを確認する」「在庫があるうちにカートへ入れる」といったCTAがあります。購入行動を促すには、商品価値だけでなく、配送、返品、決済安全性などの不安解消も必要です。

10. UX WritingでのBAB活用

UXライティングでも、BABは活用できます。UXライティングとは、ユーザーがWebサイトやアプリを迷わず使えるようにするための文章設計です。オンボーディング、チュートリアル、空状態画面、機能説明などで、ユーザーが現在の状態から価値を得る状態へ進む流れを作ることができます。

UXでは、ユーザーが次に何をすればよいかを理解できることが重要です。BABを使うと、なぜその操作が必要なのか、操作後に何が得られるのか、どのボタンを押せばよいのかを分かりやすく伝えられます。

10.1 オンボーディング

オンボーディングでは、ユーザーがサービスを使い始める最初の体験を設計します。BABを使うと、現在の不便、利用後の価値、最初に行うべきステップを自然に伝えられます。ユーザーは、なぜ設定が必要なのかを理解しやすくなります。

たとえば、「まだ目的が設定されていないため、あなたに合った提案ができません。目的を設定すると、必要な機能を優先して表示できます。まずは利用目的を選択してください」という流れです。これは、Before、After、Bridgeをオンボーディング文言に応用した例です。

10.2 チュートリアル

チュートリアルでもBABは使えます。機能の使い方を説明する前に、その機能がどのような問題を解決するのかを示すと、ユーザーは学ぶ理由を理解できます。単なる操作手順よりも、価値が伝わるチュートリアルになります。

たとえば、「タスクが増えると、重要な作業を見落としやすくなります。優先度を設定すると、今日やるべきことをすぐ確認できます。まずはタスクに優先度を追加してみましょう」という流れです。UXでは、操作の意味を伝えることが重要です。

10.3 空状態画面

空状態画面とは、まだデータやコンテンツがない状態の画面です。ここでBABを使うと、ユーザーに次の行動を分かりやすく案内できます。空白の画面だけでは、ユーザーは何をすればよいか分かりません。

たとえば、「まだプロジェクトがありません。プロジェクトを作成すると、タスク、担当者、期限をまとめて管理できます。最初のプロジェクトを作成しましょう」という文言です。空状態画面は、ユーザーを最初の価値体験へ導く重要な場所です。

10.4 機能説明

機能説明でもBABは有効です。機能名だけを見せるのではなく、その機能がどのような課題を解決し、どのような価値をもたらすのかを伝えます。ユーザーは、機能そのものではなく、自分にとっての意味を知りたいからです。

たとえば、「自動通知機能」だけではなく、「期限を忘れやすい作業も、自動通知で事前に確認できます。通知をオンにして、重要なタスクの抜け漏れを防ぎましょう」と書くと、機能の価値が伝わります。機能説明では、Bridgeとしての役割を明確にすることが大切です。

11. BABとPASの違い

BABとPASは、どちらもコピーライティングでよく使われるフレームワークです。BABは、現在の状態、理想の状態、橋渡しを示す構成です。一方で、PASは、問題、痛みや不安の明確化、解決策を示す構成です。どちらも課題解決型のコピーに向いていますが、感情の扱い方とメッセージの流れが異なります。

BABは、変化前後の対比を分かりやすく見せたいときに向いています。PASは、読者の問題意識を強めて解決策へ導きたいときに向いています。どちらが優れているというより、目的や媒体に合わせて使い分けることが重要です。

11.1 問題への焦点

BABとPASでは、問題への焦点の当て方が異なります。BABでは、問題はBeforeとして示されますが、その後すぐにAfterへ進み、理想状態を描きます。つまり、問題そのものよりも、変化の流れに焦点があります。

一方でPASでは、Problemの後にAgitateがあるため、問題をより深く掘り下げます。読者がその問題を放置するとどうなるのか、どのような不安や損失があるのかを明確にします。問題意識を強めたい場合はPASが向いています。

11.2 感情の強さ

BABは、比較的やわらかく感情に働きかける構成です。Beforeで共感を作り、Afterで期待を作るため、ポジティブな未来を見せやすくなります。読者に圧迫感を与えにくい点が特徴です。

PASは、Agitateで不安や痛みを明確にするため、感情の強さを出しやすい構成です。ただし、使い方を間違えると煽りすぎになります。信頼性を重視する場合は、読者の不安を誠実に扱うことが必要です。

11.3 利用場面

BABは、商品紹介、サービス紹介、SNS投稿、UXライティング、SaaSの価値説明に向いています。変化前後を分かりやすく見せたい場合に効果的です。特に、初心者向けコンテンツや短文コピーでも使いやすい構成です。

PASは、広告、ランディングページ、メールマーケティング、悩み訴求型の商品に向いています。読者が明確な悩みを持っている場合、問題を深掘りしてから解決策を示すことで行動につなげやすくなります。

11.4 メッセージ構造

BABのメッセージ構造は、現在から未来への変化です。読者に「今の状態から、こう変われる」と伝える構成です。Bridgeは、その変化を実現する手段として提示されます。

PASのメッセージ構造は、問題の認識から解決への流れです。読者に「この問題を放置すると困る。だから、この解決策が必要だ」と伝える構成です。BABは変化を見せる構成、PASは問題意識を高める構成と考えると分かりやすくなります。

12. 効果的なBABを書く方法

効果的なBABを書くには、問題を具体化し、理想状態を明確にし、Bridgeを簡潔にし、行動を明確にすることが重要です。BABはシンプルな構成ですが、各要素が曖昧だと効果が弱くなります。特に、BeforeとAfterの差が見えないコピーは、読者に変化を感じてもらえません。

初心者は、まず一文ずつBefore、After、Bridgeを書き出す練習をするとよいでしょう。その後、読者にとって自然な流れになるようにつなげます。最初から完璧な文章にしようとせず、構成を整理してから表現を整えることが大切です。

12.1 問題を具体化する

Beforeでは、問題を具体化する必要があります。「困っている」「大変」「うまくいかない」といった抽象的な表現だけでは、読者に刺さりにくくなります。読者が実際に経験している場面を想定して書くことが重要です。

たとえば、「コピーが書けない」よりも、「商品の特徴は分かっているのに、読者にとってのメリットへ変換できない」のほうが具体的です。問題が具体的であるほど、読者は自分の状況に置き換えやすくなります。

12.2 理想状態を明確にする

Afterでは、理想状態を明確にします。読者が「どうなれるのか」を具体的に想像できる必要があります。「良くなる」「便利になる」だけでは弱く、何がどのように変わるのかを示すことが大切です。

たとえば、「コピーが上達する」よりも、「見出し、本文、CTAの流れを迷わず作れる」のほうが明確です。理想状態は、読者の悩みと直接つながっている必要があります。Afterが具体的だと、Bridgeの必要性も高まります。

12.3 Bridgeを簡潔にする

Bridgeは、簡潔に書くことが重要です。BeforeとAfterで読者の関心が高まっている状態では、解決策を長く説明しすぎる必要はありません。むしろ、Bridgeが長すぎると、読者は何をすればよいか分からなくなる場合があります。

Bridgeでは、商品やサービスの名前、主な価値、次の行動を簡潔に示します。たとえば、「初心者向けBABテンプレートを使えば、3ステップでコピーの流れを作れます」のように、解決策と価値を一文で伝えると分かりやすくなります。

12.4 行動を明確にする

BABの最後には、行動を明確にする必要があります。読者が「良さそう」と感じても、次に何をすればよいか分からなければ行動にはつながりません。CTAは、読者が迷わず動けるように具体的に書きます。

たとえば、「詳しくはこちら」よりも、「無料テンプレートをダウンロードする」「商品ページで使用例を見る」「無料デモを予約する」のほうが分かりやすくなります。行動を明確にすることで、BABは実際の成果につながりやすくなります。

13. よくある失敗

BABでよくある失敗には、Beforeが曖昧、Afterが非現実的、Bridgeが弱い、説明が長すぎることがあります。BABはシンプルな構成ですが、各要素の質が低いと効果が出ません。特に、読者の課題と理想状態がつながっていないコピーは、説得力が弱くなります。

また、BABを型として使うだけでは不十分です。読者が誰なのか、どのような悩みを持っているのか、どのような行動をしてほしいのかを明確にする必要があります。フレームワークは、読者理解と組み合わせて使うことで効果を発揮します。

13.1 Beforeが曖昧

Beforeが曖昧だと、読者は自分に関係があると感じにくくなります。「困っていませんか」「もっと良くしたいと思いませんか」といった表現だけでは、課題がぼやけます。Beforeは、読者の日常にある具体的な不便や不安を示す必要があります。

改善するには、読者の状況を具体的に想定します。どの場面で、何に困っていて、どのような感情を持っているのかを考えます。Beforeが具体的になるだけで、BAB全体の説得力は大きく高まります。

13.2 Afterが非現実的

Afterが非現実的すぎると、信頼を失います。「誰でもすぐに売上10倍」「たった1日で完璧に習得」のような表現は、一時的に興味を引くかもしれませんが、読者に不信感を与える場合があります。Afterは魅力的であると同時に、現実的である必要があります。

効果的なAfterは、読者が「それなら実現できそう」と感じるものです。大きな成果だけでなく、小さな改善でも十分に価値があります。時間が短縮される、迷いが減る、判断しやすくなるなど、現実的な変化を描くことが大切です。

13.3 Bridgeが弱い

Bridgeが弱いと、読者は行動できません。BeforeとAfterが明確でも、どうやって理想状態へ進むのかが分からなければ、コピーは完成しません。Bridgeは、解決策としての説得力を持つ必要があります。

Bridgeを強くするには、商品やサービスがどのようにBeforeを解決し、Afterへつながるのかを説明します。また、レビュー、実績、無料体験、サポートなどの信頼要素を加えると、行動への不安を減らせます。Bridgeは、読者の最後の迷いを減らす部分です。

13.4 説明が長すぎる

BABはシンプルさが強みです。しかし、説明が長すぎると、流れが分かりにくくなります。Before、After、Bridgeのそれぞれに情報を詰め込みすぎると、読者は何が重要なのか分からなくなります。

長く書く場合でも、各要素の役割を明確に分けることが重要です。Beforeでは課題、Afterでは理想、Bridgeでは解決策に集中します。一つのコピーに複数のメッセージを入れすぎないことが、BABを効果的に使うポイントです。

14. 実践テンプレート

BABを実践するには、テンプレートを使うと便利です。初心者は、最初から自然な文章にしようとするよりも、Before、After、Bridgeをそれぞれ書き出してからつなげると構成しやすくなります。テンプレートを使えば、読者の課題、理想、解決策を整理できます。

テンプレートは、SaaS、EC、個人ブランド、SNSなど、用途によって少し変えると効果的です。重要なのは、読者にとっての変化を中心にすることです。商品やサービスを主役にしすぎず、読者がどう変わるのかを明確にします。

14.1 SaaS向けテンプレート

SaaS向けのBABでは、業務課題、理想の業務状態、製品の役割を明確にします。テンプレートとしては、「現在、〇〇に時間がかかっていませんか。〇〇できれば、チーム全体でスムーズに進められます。〇〇を使えば、〇〇を一元管理できます」という流れが使えます。

たとえば、「顧客情報が複数のシートに分散し、営業会議前の確認に時間がかかっていませんか。すべての進捗を一画面で確認できれば、判断に集中できます。営業管理SaaSなら、顧客情報、担当者、進捗をまとめて管理できます」というコピーです。SaaSでは、業務変化を具体的に示すことが重要です。

14.2 EC向けテンプレート

EC向けのBABでは、購入前の悩み、使用後の状態、商品の価値を示します。テンプレートとしては、「〇〇で困っていませんか。〇〇できれば、毎日がもっと快適になります。この商品は〇〇によって、〇〇をサポートします」という流れが使えます。

たとえば、「長時間歩くと足が疲れやすいと感じていませんか。一日中快適に歩ければ、通勤や旅行ももっと楽しめます。このシューズは軽量クッション素材で、足への負担をやわらげます」というコピーです。ECでは、使用場面とメリットを具体的に描くことが重要です。

14.3 個人ブランド向けテンプレート

個人ブランド向けのBABでは、自分の強みを伝えたい読者や、サービス提供者の悩みに寄り添う構成が使えます。テンプレートとしては、「自分の強みをうまく伝えられず、発信がぼやけていませんか。誰に何を提供できるかが明確になると、プロフィールや投稿に一貫性が出ます。〇〇テンプレートで、強みと言葉を整理できます」という流れです。

個人ブランドでは、読者の内面的な悩みを丁寧に扱うことが重要です。単に売上や集客だけでなく、自分らしさ、信頼、発信の一貫性といった価値もAfterとして描けます。Bridgeは、講座、相談、テンプレート、ワークシートなどになります。

14.4 SNS向けテンプレート

SNS向けのBABでは、短く分かりやすく書くことが重要です。テンプレートとしては、「Before：〇〇で困る。After：〇〇できるようになる。Bridge：まずは〇〇を試す」という形が使えます。短文でも、変化の流れを入れることで投稿が伝わりやすくなります。

たとえば、「投稿文を毎回ゼロから考えると時間がかかる。型を使えば、短時間で伝わる文章を作れる。まずはBefore、After、Bridgeの3行で書いてみる」という投稿です。SNSでは、最後に「保存」「コメント」「プロフィールを見る」などのCTAを加えると行動につながりやすくなります。

15. BABの今後

BABは、今後もコピーライティングやマーケティングで使われ続けるフレームワークです。理由は、構造がシンプルで、短文にも長文にも対応でき、読者の変化を分かりやすく伝えられるからです。AI、パーソナライズ、短文コンテンツ、マルチチャネル展開が進む中でも、Before、After、Bridgeの考え方は有効です。

特にAI時代には、コピーの量を作ることは簡単になります。しかし、読者に本当に届くコピーを作るには、読者の課題を理解し、理想状態を現実的に描き、適切なBridgeを示す力が必要です。BABは、その基本を整理するための実践的な構成として重要になります。

15.1 AIとの組み合わせ

AIを使うことで、BABコピーの初稿を作りやすくなります。商品情報、ターゲット、読者の悩み、理想状態を入力すれば、Before、After、Bridgeの構成案を複数作れます。広告文、SNS投稿、LP見出し、メール本文のたたき台を作るときに便利です。

ただし、AIが作ったコピーは必ず確認が必要です。読者の悩みが本当に合っているか、Afterが誇張されていないか、Bridgeが具体的かを人間が調整する必要があります。AIは補助ツールであり、読者理解そのものを代替するものではありません。

15.2 パーソナライズの進化

パーソナライズが進むと、BABも読者ごとに変化します。同じ商品でも、読者の課題が違えばBeforeも変わります。SaaSなら、経営者向け、現場担当者向け、管理者向けで訴求が異なります。ECサイトでも、利用目的やライフスタイルによってAfterが変わります。

今後は、ユーザー属性や行動データに合わせて、異なるBABコピーを表示することが増えるでしょう。ただし、パーソナライズには透明性も必要です。読者に不自然さを与えないように、自然で関連性の高いメッセージを設計することが重要です。

15.3 短文コンテンツとの相性

BABは、短文コンテンツとの相性が高いフレームワークです。SNS投稿、広告文、ショート動画の台本、メール件名、アプリ内メッセージなど、短い表現でもBefore、After、Bridgeの流れを作れます。短い文章で変化を見せられる点が強みです。

たとえば、ショート動画では、最初にBeforeとして悩みを見せ、次にAfterとして理想状態を見せ、最後にBridgeとして方法や商品を紹介できます。短文コンテンツが増えるほど、シンプルで伝わりやすいBABの価値は高まります。

15.4 マルチチャネル展開

BABは、マルチチャネル展開にも向いています。一つのBABメッセージを、LP、広告、SNS、メール、動画、営業資料に展開できます。Before、After、Bridgeの核が決まっていれば、チャネルごとに長さや表現を調整しやすくなります。

たとえば、LPでは詳しく説明し、広告では短く訴求し、SNSでは共感を中心にし、メールでは具体例を入れるといった展開ができます。BABは、メッセージの一貫性を保ちながら、複数チャネルに合わせて調整しやすい構成です。

おわりに

Before-After-Bridge（BAB）とは、読者の現在の課題、理想の状態、そこへ進むための解決策を順番に示すコピーライティングのフレームワークです。Beforeでは読者の悩みを具体化し、Afterでは課題が解決された未来を描き、Bridgeでは商品、サービス、方法、CTAを橋渡しとして提示します。構造がシンプルで分かりやすいため、初心者にも実務にも使いやすい構成です。

BABの強みは、商品やサービスの特徴を、読者にとっての変化として伝えられることです。通常の商品説明は機能や仕様が中心になりがちですが、BABでは読者がどう変わるのかを中心にします。そのため、ランディングページ、広告コピー、メールマーケティング、SNS投稿、SaaS、ECサイト、UXライティングなど幅広い場面で活用できます。

効果的なBABを書くには、Beforeを具体化し、Afterを現実的かつ魅力的に描き、Bridgeを簡潔に示し、最後に明確な行動へつなげることが重要です。PASとの違いを理解し、目的に合わせて使い分けることで、コピーの説得力は高まります。AI時代においても、読者の課題を理解し、変化を分かりやすく伝えるBABの考え方は、強力なコピー設計の基本として活用され続けるでしょう。x