コードを書かずにLPを作る方法｜AIに音声で指示するだけの5ステップ

AIでLPを量産しています

どうも、ドバイ在住ひとり起業家13年目の加藤です。

今回は、AIを使ったランディングページ（LP）の作り方をお伝えします。LPとは、SNSなどの広告をクリックしたときに表示されるウェブページのことで、メールアドレスの登録や商品・サービスの申し込みをしてもらうためのページです。

僕は現在、広告を使ったアフィリエイトに取り組んでおり、このLPを多い日には1日1〜2ページ作っています。しかも、コードは1行も書いていません。AIに音声入力で指示しているだけです。

以前はプロに頼むのが当たり前だった

以前は、LPを作るためにHTMLやCSSといったコードを書く必要があり、サーバーの設定にも手間がかかりました。ウェブデザイナーに依頼すれば、納期は早くても1週間、費用は10万円ほどかかるのが一般的です。

今は、Claude CodeなどのAIがコードを書いてくれます。僕はClaude CodeとUTAGEを連携させているので、ページの公開までAIに任せることができています。

ステップ1：競合をAIにリサーチさせる

例として、脱毛サロンのLPを作るケースで説明します（僕は以前、男性専門の脱毛サロンを経営していました）。

最初にやるのは競合のリサーチです。参考になるページのリンクをAIに渡し、「こういうページを作りたい。同じジャンルの競合のページも調べてほしい」と依頼します。すると、エステ脱毛・医療脱毛・ニードル脱毛といった手法の違いや、月額の通い放題、コース契約などのサービスの特徴を、各社ごとに整理してくれます。

ステップ2：推しポイントを決める

リサーチ結果を見ながら、自分が扱う商品は他社と比べてどこが優れているのか、どの切り口で訴求するのかをAIと相談して方向性を決めます。

ステップ3：勝ちパターンの構成を分析させる

集めたLPの構成もAIに分析してもらいます。LPには、おおむね決まった型があります。

• ファーストビュー（価格やキャンペーンの訴求）
• 「こんな悩みはありませんか？」という悩みの提示
• サービスの強み
• 実績やエビデンス
• お客様の声
• 予約や申し込みを促すコールトゥアクション

この勝ちパターンをもとに全体の骨組みを決めたら、各パートの文章もAIに書いてもらいます。僕の役割は、内容に誤りがないかを読んでチェックすることだけです。

ステップ4：デザインと配色を決める

骨組みと文章ができたら、デザインに進みます。ターゲットが男性なら黒を基調に、女性ならピンク系にするなど、競合のページも参考にしながらAIと相談して配色を決めます。

ここで注意したいのは、画像1枚でLPを作らせないことです。画像だけのLPは安っぽく見えてしまうので、必ずHTMLで作ってもらいます。プレビューを見ながら「この色を変えて」「文字をもう少し大きく」「ここに画像を入れて」と、自然な日本語で微調整していきます。

ステップ5：完成したHTMLを公開する

デザインが仕上がったら、HTMLをUTAGEに入れて公開します。コピー＆ペーストでもできますし、Claude Codeと連携していれば「UTAGEに入れて」と伝えるだけで完了します。

まとめ

特別なプロンプトは必要ありません。外注先に指示を出すように、普通の日本語で音声入力するだけで、LPを丸ごと1ページ作ることができます。何から始めればいいか分からない場合は、この記事や動画の内容をそのままAIに読み込ませるのが一番の近道です。

こうしたAIの活用法や、ここでは書ききれない話はメルマガでお伝えしています。よろしければぜひご登録ください。

無料で登録できますのでぜひご登録ください → https://utage-system.com/page/y42ERXRwJxPY