AIでLPを作るとき、「なんか違う」を減らす要件定義と微調整のコツ | 会社員×塾講師|教育・自己啓発・IT。学びのポイントを凝縮して発信中!

会社員×塾講師|教育・自己啓発・IT。学びのポイントを凝縮して発信中!

会社員×塾講師=最強の情報提供者として、公式HPやnoteで発信中の教育・自己啓発・ITに関する学びを要約してシェア!忙しい方向けにポイントを凝縮してお届けします。日々の成長の記録が誰かのためになりますように。

AIにLPを作ってもらったものの、「見た目は整っているけれど、なんだか違う」と感じたことはありませんか? 色を変えたり、画像を大きくしたりしているうちに、どこを直したかったのか分からなくなることもあります。

 

 

そんなときは、デザインを修正する前に、誰に、何を伝え、どう行動してほしいかを確認してみましょう。ここが具体的になると、AIへの依頼も、出来上がったページの確認もしやすくなります。

 

 

1.最初に決めるのは「見た目」より「目的」

 

例えば、体験イベントの申込ページなら、訪問者が知りたいのは、イベントの内容や対象者、日時、会場、費用などです。きれいな写真が並んでいても、必要な情報や申込先が見つからなければ、行動につながりにくくなります。

 

 

「おしゃれなLPを作って」と依頼する前に、ページに載せる情報と、最後に取ってほしい行動を整理しておきましょう。未確定の日時や料金は、AIに推測で埋めさせず、確認が必要な項目として残します。

 

 

💡 作り始める前の3つの確認

 

誰に:
初めて参加を検討する人

 

何を:
イベントの内容と参加条件

 

どうしてほしいか:
申込フォームへ進んでほしい

 

この3つが決まると、必要な情報と、その見せる順番を考えやすくなります。

 

 

2.参考デザインは「どこを参考にするか」まで伝える

 

参考サイトを見せるときも、「この雰囲気で」だけでは、どの特徴を取り入れてほしいのかが曖昧です。配色、余白、写真の大きさ、見出しの配置など、気に入った部分を言葉にして伝えてみてください。

 

 

例えば、「白を基調に、青をアクセントにする」「見出しと説明文の間に余白を設ける」といった指定です。参考にする要素を絞ることで、仕上がりを確認する基準も作れます。

 

 

✍ AIへの伝え方の例

 

参考ページの「白と青の配色」と「見出し周辺の余白」を取り入れてください。文章と画像は、こちらが提供したものを使います。

 

 

まずページの構成案を示し、足りない情報があれば、実装前に確認してください。

 

 

3.微調整は「場所」と「変えたい状態」をセットにする

 

「もっと見やすくして」と頼むと、変更してほしくなかった部分まで変わることがあります。修正するときは、どの場所で、何に困っていて、どうしたいのかを具体的に伝えましょう。

 

 

その際、変えずに残したい部分も添えるのがポイントです。一度に多くを直すより、修正範囲を絞って確認すると、変更の影響を追いやすくなります。

 

 

✍ 微調整の依頼例

 

スマートフォン表示で、冒頭の見出しが細かく改行されています。文字を小さくする前に、左右の余白と見出しの幅を調整してください。

 

 

文章・配色・パソコン表示は維持してください。修正後は、見出しが読みやすいか、画面の横にはみ出していないかを確認します。

 

 

4.完成の判断は、見た目と動作の両方で

 

デザインが整ったら、申込ボタンのリンク先や、日時・料金などの内容も確認しましょう。パソコンで問題なく見えていても、スマートフォンでは文字やボタンが重なる場合があります。

 

 

公開後のURLでもページを開き、情報を読むところから、申込先へ進むところまでを実際に試してください。見た目の好みだけで修正を続けず、最初に決めた目的を満たしているかで判断します。

 

 

✅ 公開前に確認したいこと

 

情報:
日時、料金、会場などの情報は正しいか

 

表示:
スマートフォンでも無理なく読めるか

 

動作:
ボタンは目的のページへ移動するか

 

申込条件:
対象者や参加に必要な条件が分かるか

 

 

AIを使ったLP制作では、最初の生成だけでなく、要件を整理し、仕上がりを確かめ、必要な部分を直すことが大切です。まずは、作りたいページの「誰に・何を・どうしてほしいか」を書き出してみてください。

 

 

本サイトの記事では、要件定義の整理表や、AIへの初回依頼・微調整に使える指示例を紹介しています。これからLPを作る方は、制作の手順を確認する際に活用してください。

 

 

💡 要件定義から微調整まで、具体例で確認

 

AIでLPを作る方法
要件定義・デザイン・微調整の進め方と指示例

 

詳しい手順と指示例を読む →