漫画記事LPの作り方｜台本・作画指示書・スマホ確認の手順とテンプレ例

漫画記事LPとは？向いている商材と向かない商材

漫画記事LPとは、記事LPの中で、悩み・原因・解決の流れを漫画で見せるページのことです。記事LPとは、広告から開く、ニュース記事や体験談のような読み物の形をしたページのことで、その説明の部分を漫画の場面に置きかえたものです。

たとえば、「子どもが宿題をしない」と悩むお母さんが主人公で、友だちに相談し、意外な原因を知り、ある方法に出会って、子どもが少しずつ変わっていく。そんな話を漫画で読んでもらい、最後に商品ページへのボタンを置きます。

漫画の入れ方には、大きく2つあります。冒頭から最後まで漫画が話を引っぱる形と、文章の記事の要所に漫画を挟む形です。当社の実例は前者で、漫画を背骨にして、そのあいだに文字のブロックと、実績・料金などの図を挟む形にしました。最新版の台本は、文字ブロック57・漫画42・図やバナー30の、計129行です。

漫画の弱みは、「作り話に見える」ことです。だからこそ、漫画の中の数字や画面は、本物で裏づけます。実例では、漫画の中のタブレットの画面に、実際の教材の画面をはめ込みました（仕上げで詳しく書きます）。

お手本の型の決め方と、先に書く「守る線」

最初にやるのは、お手本にする漫画記事を1本決めることです。いま広告がたくさん出ている漫画記事を調べ、その中から、自社の商材と「話の骨組み」が同じものを選びます。実例では、扱う商品は違っても、「子どもの困った行動→意外な原因→親を責めない→解決策」という骨組みが同じ記事を選びました。

実例では、コマの番号をお手本の画像の番号とそろえました（自社のC-08が、お手本の8枚目にあたる）。こうしておくと、検品のときに、お手本の同じ位置のコマと横に並べて比べられます。合格かどうかの目安は、並べたときに「同じ絵」に見えないことです。同じ絵に見えたら、やり直しにします。

守る線は、台本より先に書く

台本を書く前に、「言わないこと」と「描かないこと」を書き出します。後から気づくと、絵を描き直すことになるからです。実例で先に決めた線は、次のとおりです。

• 暴力やいじめを思わせる描写をしない（叩く・怒鳴りつける・囲まれる など）。子どもが泣く・机に突っ伏すまではよい
• 診断名・障害名を出さない。名前ではなく、家庭で起きている場面で描く
• テスト用紙やプリントは、点数や文字が読めないようにぼかす
• タブレットやスマホの画面は白い枠のまま描いてもらい、本物の画面を後から入れる
• 商品のロゴやパッケージ風の絵は描かない。実在の商品に見える小物も避ける
• 病名に「治る」を付けない。作った声・根拠のない割合・架空の期限は使わない
• 専門家として出すのは、実在して許可をもらった方だけ

この線は商材ごとに変わります。実例の線は、クライアントがこれまでの広告で決めてきたルールをもとにしています。迷うものは、まとめて後で聞くのではなく、1つずつその場で確認しました。

作画指示書に書く項目

作画指示書とは、絵を描く人（漫画家さんやAI）に渡す、コマごとの注文書のことです。実例では、AIに絵を頼みましたが、書いた項目は人に頼むときと同じです。指示が具体的なほど、描き直しが減ります。実例の指示書に書いた項目を表にします。

セリフの文字は、絵と別に入れる

実例でいちばん効いたのは、セリフやナレーションの文字をAIに描かせなかったことです。吹き出しと枠だけを空けて描いてもらい、文字は後から、指定した書体で縦書きにのせました。AIに文字ごと描かせると、字が崩れたり、1字だけ違ったりするからです。

文字が吹き出しに入らないときは、文字を削らずに吹き出しを広げてもらいます。実例では、セリフとナレーションは合わせて107項目あり、すべて台本の文字列と照らし合わせて、一字も違わないことを確かめました。

登場人物は、最初に「表」を作らせる

同じ人物の顔や服がコマごとに変わると、読者は別の人だと思ってしまいます。実例では、母・子ども・相談相手・先生の4人について、年齢、髪型、服の色と形を指示書に書き、全コマで同じ服にしました。そのうえで、絵を描く前に「キャラクター表」（正面・横・怒り・驚き・笑顔）を作ってもらい、それを見ながら全コマを描いてもらいました。

仕上げ：本物の画面と、1ファイルでの納品

検品が終わったら、仕上げです。実例では、漫画の中でタブレットを使う12コマに、実際の教材の画面をはめ込みました。主人公がまだ商品を知らない場面の6コマは、電源の入っていない暗い画面にしています。作り物の画面は、読む人にすぐ見抜かれます。

画面を合成したコマには「画面はイメージです」と注記を入れ、コーチとのやり取りのコマには「やり取りはイメージです。連絡の頻度や内容は状況により異なります」と書きました。料金・入会金・やめ方などの事実は、すべてクライアントの公式情報と照らし合わせ、クライアントにも確認してもらいました。

クライアントからの指摘は、たとえば「ゲーム機の向き」「表情をもっと深刻に」「この場面は回想にしたい」「無料体験の説明を足したい」といったものでした。台本と指示書があるので、どれも該当する行を直して、その日のうちに反映できました。

納品は「ファイル1つで開ける形」に

納品のあと、「見られなかった」という連絡がありました。原因は、圧縮ファイルを展開せずにページのファイルだけを開いたため、画像のフォルダが見つからず、絵が表示されなかったことです。そこで、画像をページの中に埋め込んだ「ファイル1つで開ける版」を作り、圧縮ファイルの中にも「まずはこちら」として同じものを入れ、開き方の説明も添えました。

そのまま使えるテンプレ（例）

最後に、実例の書式をもとにしたテンプレです。中身は説明用の例なので、自社の商材と守る線に合わせて書きかえてください。

テンプレ1：台本1行の書式（例）

テンプレ2：作画指示書の項目（例）

• いちばん大事なこと（合格ラインを1文で）
• 前提（もう決まっていること・触らないファイル）
• 納品（ファイル名・PNG・幅1080px など）
• 参考の渡し方（何と何を並べて比べるか）
• 画風（線・塗り・目・頭身）と演出（表情・背景・効果文字の強さ）
• 吹き出し（形・縦書き・書体・文字の大きさの基準）
• 似せてはいけないところ（なぞらない・人物を写さない）
• 描かないもの（守る線）
• 文字の入れ方（絵と別に入れる・一字も変えない・入らなければ吹き出しを広げる）
• 登場人物表（年齢・髪型・服。最初に表を作らせる）
• コマの一覧（番号・サイズ・場面・描き方・文字）
• 確認用に作るもの・完了の確かめ方・報告に書くこと

テンプレ3：スマホ確認のチェック項目（例）

• セリフ・ナレーションの文字は、1080px幅で56px以上ある
• 決めゼリフは、そのコマでいちばん大きい（64〜72px）
• 改行は、読点か助詞のあとだけ。単語の途中で切れていない
• 縦書きは右の列から読んで、意味の順番が正しい
• 「!?」「!!」が、ほかの文字と同じ大きさで縦にそろっている
• 同じ人物の顔・髪・服が、全コマで同じ
• セリフが台本と一字も違わない
• スマホ幅（430px・375px）で、横にはみ出さない
• 全コマの画像が表示され、仮の枠が残っていない
• 画面・数字・料金は本物で、必要な注記が入っている

まとめと、まず今日やること

漫画記事LPの出来を分けるのは、絵のうまさより、台本と指示書と検品の細かさでした。実例の失敗は、どれも「基準を数字と言葉で書いていなかった所」で起きています。

逆に言えば、基準を書いておけば、描く人が漫画家さんでもAIでも、同じ品質に近づけられます。この記事のテンプレを、自社の商材に合わせて書きかえて使ってみてください。