未経験ママがCanvaでLPを作る全9手順｜AI叩き台の手直しと売れる並び順

子どもが寝たあとの夜10時、ダイニングの隅でそっと開くCanva。インスタ画像やバナーは作れるようになったのに、縦に長いLPの見本を最後までスクロールしたとたん、指が止まってしまう。結論から言うと、CanvaのLPは11のセクションを売れる順に並べ、AIが作った叩き台を手直ししていけば、未経験からでも組み立てていけます。

とはいえ、あの長さを前にすると身構えますよね。見本のLPをブックマークしたまま、翌朝の送り出しでバタバタして、結局一度も開かない。保存フォルダだけが、少しずつ重くなっていく。

この記事では、その長いページを9つの手順に分けていきます。売れる並び順を決め、AIで叩き台を作り、Canvaで分解して「読ませたい一文」に絞る。ここまでがファーストビューの7手順です。残りの2手順で、2枚目以降を作り分けて、完成したLPを書き出します。

私にも、方向がずれたまま全力で走っていた時期があります。「毎日5記事書け」「まずは無料でギブしろ」という言葉を信じて、夜中まで記事を量産していました。収益はほぼゼロ。朝、目の下のクマをコンシーラーで塗りつぶしながら支度をしていたら、子どもに「ママ、ずっとパソコン見てる」と言われたんです。

あのとき足りなかったのは、努力の量ではありませんでした。どこに向かって手を動かすかという設計が、最初からずれていたんです。LPの前で手が止まる感覚も、たぶん同じ場所から来ているんだと思います。

この記事は、読んだ方がすぐにLPの仕事を受けられると約束するものではありません。ただ、LPを「長くて難しいもの」から「役割のある部品を順番に並べたもの」へ。その見え方を変える地図を、一緒に広げてみたいと思っています。

↓↓↓

バナーは作れるのにLPで手が止まる理由｜足りないのは並び順

手が止まる理由は、LPではバナー1枚分の「注意」に加えて、悩み・理由・安心を並べる設計が必要になるからです。バナーは作れる、チラシもなんとかなる。なのにLPだけ急に遠く感じる。そんな経験、ありませんか。

LPは「デザインの総合格闘技」と呼ばれる

Canvaでデザインの仕事をしている、ある実践者の方は、LPのことを総合格闘技にたとえていました。LPが作れる人はバナーもチラシも作れる。でも、バナーしか作れない人にLPは難しい。そんな一方通行の関係があるそうです。

理由は、LPにはデザインのほかに3つの力が詰まっているから。

• マーケティング：誰に、何を伝えれば響くのか

• 構成力：どの順番で見せれば、読み進めたくなるのか

• セールスコピー：どんな言葉なら、気持ちが動くのか

子育ての合間に、これを参考書で別々に学ぶのはしんどいですよね。でもLPを1本作る過程では、デザインと一緒に3つを考えることになります。練習の題材として、とても効率がいいんです。

止まっているのは、最初の1枚の下から

少し視点を変えてみますね。バナーを作るとき、私たちが考えているのは「目を止めてもらうこと」だけ。それはLPでいえば、一番上のファーストビューの仕事とほぼ同じです。

つまり、バナーが作れる時点で、LPの最初の1枚にはもう手が届いている。止まっているのはその下、悩みに寄り添う1枚、信じてもらう1枚、背中を押す1枚の並べ方です。

才能が足りないわけじゃない。並び順を、誰にも教わってこなかっただけ。そう置き直すと、長いページへの怖さが少し小さくなりませんか。

LPとは｜売るための情報を1ページに集めた、縦長の画像の束

LPはランディングページの略で、広告や検索から最初にたどり着く、縦長の1枚のWebページのことです。あれだけ長いのは、読む人が知りたい情報を1ページに集めた結果なんです。

中身を見ると、1枚ずつの画像を縦につなげているだけ。冷蔵庫の扉に、子どもの絵を上から順に貼っていく場面を思い浮かべてみてください。見る人が下まで目で追いたくなる順番を考えて貼る。LP制作は、あの作業によく似ています。

商品を1つに絞るから、申し込みにつながりやすい

ネットショップには商品がたくさん並んでいて、ひとつの魅力をじっくり語る場所はありません。LPはその逆で、あえて商品をひとつに絞ります。

そのため一般的なサイトより、申し込み率が上がりやすいと言われています。LPの目的は、読んだ人に申し込みや購入をしてもらうこと。その一点だけです。

少し野暮ったいLPが反応することがある理由

実践者の方は、少し野暮ったいくらいのLPのほうが反応がいいケースもあると話していました。聞いたとき、私はその理由を考えてみたんです。

ひとつは、整いすぎたデザインは「広告だ」と身構えさせやすいこと。もうひとつは、装飾が少ないほど文字が読みやすいこと。スマホの小さな画面では、飾りより「この一文が私に向けて書かれているか」のほうが効いてくるのだと思います。

おしゃれに見えることと、申し込まれることは別物。この感覚を持っておくだけで、作る側の迷いがひとつ減ります。

売れるLPの並び順はAIDCAの型｜11セクションを5つの心の動きで読む

売れるLPの並び順には、AIDCA（アイドカ）と呼ばれる購買心理の型があります。注意、興味、欲求、確信、行動という、人が買うまでの気持ちを5段階に分けた考え方です。

原型のAIDAは、100年以上前に広告の世界で提唱されたと言われています。そこに確信（Conviction）の段階を加えたのが、AIDCAです。

実践者の方は、子育て講座のLPを例題に、次の11セクションで構成を組んでいました。

1. ファーストビュー
2. 申し込みボタン
3. 受講特典
4. お悩み
5. 選ばれる理由
6. 講座内容
7. 受講生の声
8. 申し込みボタン
9. よくある質問
10. 講師プロフィール
11. 申し込みボタン

申し込みボタンは使い回せるので、実際に作る画像は9枚ほど。9枚と聞くと、少し現実味が出てきませんか。

11セクションを5段階に当てはめると

• 注意：ファーストビューと特典で、まず目を止めてもらう

• 興味：お悩みを見て、「これ私のことだ」と感じてもらう

• 欲求：選ばれる理由と講座内容で、受けてみたい気持ちを育てる

• 確信：受講生の声、よくある質問、プロフィールで、ここなら大丈夫と思ってもらう

• 行動：申し込みボタンで、一歩を踏み出してもらう

申し込みボタンが3か所にある、本当の理由

ボタンの位置を並びの中で見てみると、置かれている意図が見えてきます。

1つ目は、ファーストビューの直後。つまり注意の段階です。紹介や口コミで、もう申し込むと決めて来た人を待たせないための入り口だと私は読んでいます。

2つ目は、受講生の声のすぐ後ろ。欲求が育ち、確信に入りかけた瞬間です。気持ちが一番高く揺れたところに、すっと手を伸ばせる場所がある。ここで申し込む人が多いのも自然だと思うんです。

3つ目は、よくある質問とプロフィールを読み終えた一番下。慎重な人が、最後の不安をほどいてから押すためのボタンです。同じボタンでも、迎える相手の気持ちがそれぞれ違うんですね。

型はひとつ覚えれば、まず十分

補足ですが、一般的にはPASONA（パソナ）の法則など、LPの型はほかにもいくつか知られています。ただ、よく使われるのはほんの数個。まずはAIDCAひとつを自分のものにできれば、構成を考えることが怖くなくなっていきます。

寝かしつけ後の10分でできる、小さなワーク

これまでに自分が思わず申し込んだ習い事やオンライン講座のページを、思い出してみてほしいんです。

最初に目を引いたのはどこでしたか。申し込む前に安心できたのは、誰かの声でしたか、よくある質問でしたか。自分が動かされた体験を5段階に当てはめてみるだけで、型が自分の言葉に変わっていきます。

CanvaでLPを作る全9手順｜手順1から7はファーストビュー編

CanvaでLPを作る流れは、ファーストビューを仕上げる7手順と、残りを積み上げて届ける2手順の、全部で9手順です。9つと聞くと、途中で投げ出しそうで不安になるかもしれません。でも、1回のスキマ時間で1手順進めば十分なように分けていますね。

ファーストビューは、ページを開いた人が最初に目にする部分です。読む人はここを数秒見て、続きを読むかを決めると言われています。ここで決めたフォントや色が、残り全部の基準にもなります。

手順1：準備資料を2つ用意して、ブックマークにまとめる

手元に置いておきたいのは、この2つです。

• サービス概要、各セクションの文章、AIへの指示文をまとめたメモ

• 使う素材と、Canvaで素材を探すための検索ワードの一覧

ブラウザに「LP制作練習」のような専用フォルダを作っておくと迷いません。子どもに呼ばれて中断しても、次のスキマ時間にすぐ戻ってこられます。

手順2：参考LPのファーストビューだけをスクショする

参考にしたいLPの、一番上の部分だけをスクリーンショットします。Windowsなら「Windows＋Shift＋S」、Macなら「command＋Shift＋4」です。ページ全体ではなく、ファーストビューだけに絞るのがポイントです。

手順3：AIチャットで叩き台画像を作る

ChatGPTのような、画像生成に対応したAIチャットを使います。無料プランでは作れる回数に制限がある場合もあるので、事前に確認しておくと安心です。

スクショを添付して、指示文、サービス概要、入れたい文言をセットで貼り付けます。指示文の骨子は、たとえばこんな形です。

• 添付画像は配置の参考です。デザインは真似せず、オリジナルで作ってください

• 次の講座LPのファーストビュー画像を、スマホで見る縦長の構図で作ってください

• 入れる文言：キャッチコピー、講座名、「5日間」の数字

• 配色：アプリコットオレンジとクリーム、ボタンはコーラルオレンジ

キャッチコピーに迷ったら、読む人の毎日の場面から考えるのがおすすめです。これは私が考えた一例ですが、子育て講座なら「怒ったあとの自己嫌悪、5日間でほどいていきませんか」のような形。悩みの場面と、講座の期間が一文に入っています。

同じ指示文でも、毎回同じ画像にはなりません。だからこそ、出てきたものは完成品ではなくあくまで下書きとして受け取るのが、気持ちのうえでも楽なんです。

ひとつ大切な注意があります。参考LPはあくまで学習用です。AIが似せて作った画像をそのまま納品したり販売したりすると、著作権の面で問題になる可能性があります。参考にするのは配置の考え方だけ、と覚えておいてください。

手順4：Canvaで「ウェブサイト」の白紙を開く

Canvaのテンプレート検索で「ウェブサイト」を選び、白紙のデザインを開きます。ここがLP全体の作業台になります。

手順5：横幅600pxの枠を作り、叩き台を重ねる

白紙の上に、図形で横幅600pxの枠を作ります。そこに手順3の叩き台画像を重ねます。

600pxにしているのは、LPはスマホで見られることが多いと言われ、実践者の方もスマホでの収まりを優先していたからです。仕様はクライアントによって違うので、仕事で受けるときは確認が必要です。

手順6：マジックレイヤーで、画像を部品ごとに分解する

叩き台は1枚の画像なので、そのままでは文字を直せません。Canvaのマジックレイヤー機能を使うと、文字や素材ごとに分解され、ひとつずつ編集できる状態になります。AIの下書きを、自分の手で直せる状態に変える大事な工程です。

ただ、マジックレイヤーや画像の高画質化は、有料プラン向けの機能だったり、提供状況が変わったりすることがあります。見当たらないときは、プランの違いを疑ってみてくださいね。

手順7：読ませたい一文を決めて、手直しする

実践者の方が手直ししていたポイントは、こんな感じでした。

• 画質が荒い吹き出しは消して、図形で作り直す

• フォントをひとつに統一して、ページ全体の印象をそろえる

• 講座名の下に帯（座布団）とグラデーションを敷いて目立たせる

• 「5日間」の数字だけを大きくして、目に留まりやすくする

• 真っ黒ではなく、茶色寄りの黒で全体を引き締める

• 途切れた下線は、素材を検索して引き直す

• 人物写真は高画質化して、ぼやけを直す

でも一番心に残ったのは、小技そのものではありませんでした。AIの叩き台は文字が多すぎて、スマホで見ると何を読ませたいのか分からない。だから読ませたい一文を決めて、それ以外を削る。仕上げとは足すことより選ぶことなんだと、そのとき感じたんです。

手順8と手順9｜2枚目以降のセクションの作り分けと書き出し

2枚目以降は、ファーストビューで決めたフォント、色、余白を全ブロック共通のルールとして守りながら、セクションごとに見せ方を変えて作ります。ファーストビューができた時点で、LP全体の半分は見えたようなものです。ここからが、残りの道のりです。

手順8：セクションの役割に合わせて、見せ方を作り分ける

作り方の流れは、手順3から手順7と同じです。1枚ごとに「このブロックはAIDCAのどこか」をメモしてから作ると、並び順がぶれにくくなります。

ここからは私なりの補足ですが、一般的によく見かける見せ方を、主要なセクションごとにまとめておきますね。

• お悩み：「こんなお悩みありませんか」の見出しに、チェック付きの箇条書きを3つから5つ。読む人が口にしそうな言葉で書くのがコツです

• 選ばれる理由：理由は3つに絞り、番号とアイコンを添えて横か縦に並べる。1つに1文の短い説明で十分です

• 講座内容：5日間なら、1日目から5日目まで何をするかを表のように並べる。期間の見通しが立つと安心につながります

• 受講生の声：掲載の許可をもらった写真か似顔絵イラストに、一言の見出しと短い感想を添える。架空の声は作らないことが大前提です

• よくある質問：QとAの形で、申し込み前の不安に答える。時間が取れるか、スマホだけでできるか、途中でやめられるか、などです

• 講師プロフィール：実績の羅列より、なぜこの講座を始めたのかという一文を入れると、人柄が伝わりやすくなります

セクションごとに雰囲気がバラバラだと、読む人は途中で別のページに来たような違和感を覚えます。同じ600pxの枠を縦に積み、見せ方だけを変える。この意識で十分です。

手順9：画像で書き出すか、ウェブサイトとして公開する

完成したLPの届け方は、一般的には大きく2つあります。ひとつは、各ブロックをPNGやJPGの画像として書き出し、クライアント側でページに貼ってもらう方法。もうひとつは、Canvaのウェブサイト機能でそのまま公開する方法です。

どちらが合うかは、クライアントが使っている仕組みによって変わります。納品の形は、作り始める前に聞いておくのがいちばん安心です。

AIに任せていい所、自分で決める所

叩き台づくりを重ねると、AIの得意と苦手の境目が見えてきます。AIは、配置の案を一瞬で何パターンも出すのが得意。一方で、文字を詰め込みすぎる、画像内の日本語が崩れることがある、毎回結果が変わる、という弱さも持っています。

だから、人が手放さないほうがいい判断は3つだと私は考えています。

• 誰に向けて、どの一文を読ませるか

• 何を残して、何を削るか

• 講座名や数字に間違いがないか、権利的に問題がないか

AIは作業量の壁を下げてくれる心強い相棒です。でも、何を作るかを決める設計図は、自分の手に持っておく。この役割分担ができると、同じ30分でも進み方が変わってきます。

無料ノウハウで量産していた私に、LPが役割の並びに見えた夜

量産しても前に進めなかった私の見え方が変わったのは、ノウハウを集めるのをやめて、基礎を学び直すと決めてからでした。

あの頃の私は、保存した無料動画のリストを上から順に再生しては、次の「稼げるやり方」を探していました。夜中の1時、画面の光だけがついた部屋で、書きかけの記事のカーソルがずっと点滅している。朝になれば、また子どもの送り出しが待っている。そんな毎日でした。

変えたのは、つまみ食いをやめたこと。AI・ブログ・物販の基礎を、ゼロから体系的に学び直すと決めました。そこで知ったのは、文章もページも、読む人の気持ちの順番に沿って組み立てられているということでした。

学び直しの途中の、ある夜のことです。寝かしつけのあと、何気なく開いた講座の申し込みページ。いつもなら「すごいなあ」で閉じていた長いページが、その夜は違って見えたんです。

目を止める一文、悩みの言葉、理由、誰かの声、不安をほどく答え。長いと思っていたページが、役割の違う小さなカードの束に見えました。

派手なことは何も起きていません。ただ、あ、これなら私でも歩き直せるかも、と思えた。立ち尽くしていた私にとっては、それが一番ほしかった景色でした。今もその見方を土台に、スキマ時間に試している最中です。

↓↓↓

LP制作を仕事にするなら最初に確認したい4つのこと｜講座LPが多い理由も

LP制作を仕事にするなら、色、文章の担当、素材、仕様と納品の形の4つを最初に確認しておくと、手戻りを大きく減らせます。練習と仕事では、気をつける場所が少し変わるんです。

1. 要望カラー

今回の例題は、アプリコットオレンジにクリームやアイボリーを合わせた配色でした。申し込みボタンは、少し濃いコーラルオレンジで目立たせる設定です。

色を聞かずに作り始めると、途中で「全部変えてください」と言われることもあります。色の確認は、一番の手戻り防止です。

2. 文章を書くのは誰か

LPの文章をクライアントが用意する仕事もあれば、デザイナーが考える仕事もあります。どちらなのかは、最初にはっきりさせておきましょう。

自分で書く場合は、似たサービスのLPをいくつか眺めて、どんな言葉が使われているかを参考にすると、ゼロから悩まずに済みます。

3. 無料素材だけで作るか

Canvaでは、王冠マークがついている素材やフォントが有料です。クライアントが無料プランの場合、こちらが使った有料素材はそのままでは使えず、透かしが入ったり、書き出しにアップグレードが必要になったりすることがあります。

どちらのプランで作るかを先に聞くだけで、あとのトラブルがぐっと減ります。

4. 横幅などの仕様と、納品の形

600pxはよくある目安のひとつで、クライアントによって指定が違うこともあります。画像で書き出すのか、Canvaのウェブサイトとして公開するのかも、あわせて確認しておくと安心です。

なぜ講座やスクールのLPの依頼が多いのか

実践者の方のもとに届く仕事の報告を分析すると、講座やスクールのLPの依頼が一番多かったそうです。例題が子育て講座だったのも、そのためなんですね。

これには構造的な理由があると私は考えています。まず、自分の経験を講座にして届ける個人が増えていること。次に、講座は形のない商品なので、内容、声、よくある質問といった安心材料をたくさん並べる必要があること。

そして講師の方は、教えることは得意でも、文章と構成とデザインを一人で抱えきれないことが多い。説明が長くなる商品ほど、並べ方を任せたい人が増える。そう考えると、講座LPに仕事が集まるのは自然な流れだと思うんです。

LPを仕事にする2つの道

収入につなげる道として、実践者の方は2つを挙げていました。ひとつは制作を請け負うこと。もうひとつは、Canvaで作ったLPのテンプレートを販売することです。

制作の募集では、1件10万円から30万円の報酬で出ている例があると紹介されていました。テンプレート販売では、ある出品者の方の1つ4500円のテンプレートに、200件を超える購入がついていた事例もありました。ただ、これはあくまで他の方の事例で、同じ結果になると言えるものではありません。

私が心に留めたのは、金額より仕組みのほうです。テンプレートは、一度作ったものを何度も届けられる。まとまった時間を取りにくい子育て中の暮らしと、この構造は相性がいいかもしれない。そういう選択肢があると知っておくだけで、見える景色が少し広がる気がしたんです。

CanvaでLPの作り方を9手順に分けてみて、私がいちばん伝えたいこと

伝えたいのは、LPは才能で作るものではなく、役割のある部品を順番に並べていくものだということです。ここまで読んでくれて、ありがとうございます。ポイントを整理しておきますね。

• バナーはLPの「注意」を担う1枚。その下の並び順を知れば、LPまで手が届く

• 並びにはAIDCA（注意、興味、欲求、確信、行動）の型があり、11セクション・画像9枚ほどで組める

• 申し込みボタンの3か所は、それぞれ違う気持ちの人を迎えるための入り口

• 手順1から7でファーストビューを仕上げ、AIの叩き台を「読ませたい一文」に絞る

• 手順8と9で、セクションごとに見せ方を作り分け、画像かウェブサイト公開で届ける

• 仕事にするなら、色、文章、素材、仕様と納品の形を最初に確認する

全部を今日やろうとしなくて大丈夫です。一歩目は、こんなに小さくていいんです。

今夜は、参考にしたいLPのファーストビューをスクショして、5段階のどこに当たるかをメモするだけ。

次のスキマ時間に、AIに叩き台を1枚作ってもらう。その次に、Canvaで一文だけ直してみる。お昼寝の30分でも、寝かしつけ後の20分でも、1手順ずつ進めれば、少しずつ形になっていきます。

Canvaの小技集めだけではLPが作れない理由｜1年後の私はどこに立っているか

小技集めだけでLPが完成しないのは、どのセクションの何を作るかという目的地がないまま、手段だけが増えていくからです。

グラデーションの付け方、素材の探し方、フォントの組み合わせ。どれも役に立つ知識です。でも、今作っているのが「お悩み」の1枚なのか「受講生の声」の1枚なのかが決まっていなければ、どの小技を使えばいいかも決まりません。目的地がない状態では、道具が増えるほど迷い道も増えていくんです。

もし、並び順という地図を持たないまま、小技だけを集め続けていたら。1年後の私はどこに立っているんだろうと、ときどき考えます。

保存した動画とブックマークだけが、きっともっと増えている。夕飯のあと、子どもに「一緒に遊ぼう」と誘われても、「ちょっと待ってね」と画面から目を離せない。それなのに、見せられる完成品はひとつもない。そんな夜が続いていたら、と思うと少し怖くなるんです。

でも、ひとつの選び方で、この先の景色は変わる可能性があります。小技を増やす前に、1枚ごとの役割を考える。それだけで、同じ30分の積み上がり方が違ってくるかもしれません。どこから始めるかは、あなたが決めていいんです。

ただ、もうひとつだけ伝えさせてください。今日お伝えしたLPの作り方も、AIとCanvaの使い方も、それだけでは活かしきれないことがあります。道具はいくらでも揃えられる。でも、土台がないまま道具を持つと、空回りしてしまうんです。

副業全体の中で、自分はどのジャンルで、どんな順番で積み上げていくのか。LPに並び順があるように、副業にも組み立ての順番があります。その基礎と設計図があってはじめて、LP制作のようなスキルも自分の力として働いてくれるのだと思います。私自身も、その基礎を積み直しながら実践を続けています。

↓↓↓