AdobeもCanvaも使わなくていい。
AIに指示するだけでLPを作れるAIデザイン実践ガイド

この記事では、現役のデザイナーがAdobeもCanvaも使わず、ChatGPTとCodexだけでLPを作り公開する方法をまとめました。

制作ログとして読めるだけでなく、実際に自分の商品・サービス・コンテンツを紹介するLPを作るための「3つの実践ツール」も用意しています。

この3つを使うことで、LPの構成づくり、デザイン指示、Codexへの制作依頼まで、ひと通り進められる内容になっています。

そしてCodexの導入方法からNetlifyでの公開まで、その手順もご紹介しています。

まずは、実際に作ったLPを見てください

言葉だけで本当にそんなものが作れるのか？

それは、見てもらうのが一番早いと思います。

次の事例は、すべてAdobeもCanvaも使わず、ChatGPTとCodexだけで作ったものです。

※一部ロゴやイラストは除きます

ChatGPT Image 2026年6月14日 20_41_44.png

実際に公開しているURLはこちら

この記事を紹介するLP
https://design-ai.aicreatorfile.com/ailp/
AIゲーム制作キットを紹介するLP
https://design-ai.aicreatorfile.com/beatrise/
個人noteのLP
https://design-ai.aicreatorfile.com/
架空バンドのライブ告知LP
https://dezaoya.github.io/live-lp/
ママ美容師に特化した採用LP
https://mama-recruit.netlify.app/
自分の作品をまとめたギャラリーサイト
https://samurainooto.aicreatorfile.com/

この記事の紹介、note誘導、イベント告知、採用、作品ギャラリー。

内容はバラバラですが、どれも「言葉で指示して、AIに形にしてもらう」という同じやり方で作っています。

「自分も、こういうページを作ってみたい」

そう思っていただけたら、この記事はきっと役に立ちます！

ただ、最初から完璧なものが一発で作れるわけではありません。

どれも、AIが作ったものを見て、何度もやり取りをしながら整えました。

その過程こそが、この記事で伝えたいことです。

現役バリバリのデザイナーだからこその視点

「AIでLPを作る」という記事や動画は、今、たくさんあります。

でも、見ていてずっと引っかかっていたことがあります。

サンプルが、PC画面ばかりなんです。

横長の画面に、整然と並んだ文字と画像。
たしかに、見栄えはします。

でも、ちょっと待ってください。

あなたのLPを見るターゲットは、本当にPCで見てくれますか？

最近のWebサイトは、スマホで見られることがほとんどです。
特にサービス業や個人向けの商品・コンテンツなら、なおさらです。

企業サイトやBtoB向けサービスはPC閲覧も多いですが、サービス業のLPを見に来る人の7〜8割は、スマホからやってくることも珍しくありません。

つまり、勝負はスマホのファーストビューで決まります。

なのに、PCできれいに見えるデザインを基準に作ってしまうと、肝心のスマホで見たときに、文字が詰まったり、画像が欠けたり、ボタンが押しにくかったりします。

これでは、せっかく作っても売れません。

だからこの記事では、最初から最後まで、スマホで見たときにちゃんと伝わるLPを作ることにこだわります。

そしてもうひとつ。

AIでLPを作る情報は増えてきましたが、現役のデザイナーが実際にAIを使ってLPを作り、その過程や判断基準までまとめた実例は、まだあまり多くないと感じています。

だから今回、自分で実際に作ったLPをもとに、制作ログと実践ツールとしてまとめてみました。

自己紹介

少しだけ、自己紹介をさせてください。

私は「デザインおやじ」という名前で、デザインの現場で使えるAIに関する発信をしています。

デザインおやじ名刺-olカンプ表.jpg

普段は広告代理店のデザイン事業部で、ディレクター兼デザイナーとして働いています。

私は賞を取るようなハイセンスなデザイナーではありません。

あくまで現場で、

「このデザインで売上アップにつながるか。」

それだけを考えながら、日々デザインしている人間です。

だから、AIでLPを作るときも「作れた」で終わらせたくありませんでした。

ChatGPTとCodexを使えば、ページらしきものはかなり簡単に作れます。
正直、震えるくらい便利です。

でも、それが本当に売るためのLPになっているかは別の話です。

スマホで読みやすいか。
ボタンは押しやすいか。
一番伝えたいことが最初に伝わるか。
見た目だけでなく、申し込みや購入につながる流れになっているか。

ここは、やっぱり人間が判断する必要があります。

AIでLPは作れる。

でも、売るためのLPを作るには、現場目線のディレクションが必要です。

この記事を書いた理由は、そこにあります。

AIでデザインする方法は、これからどんどん増えると思います。
でも、現役のデザイナーが実際にAIを使ってLPを作りながら、どこを見て、何を直し、どう指示したのかをまとめた実例は、まだ多くありません。

この記事では、私が実際に作ったLPをもとに、ChatGPTとCodexでLPを作る流れと、その途中で必要になる判断ポイントをまとめています。

デザインソフトが使えなくても、コードが書けなくても、自分の商品やサービスをちゃんと届けるページは作れます。

ただし、AI任せではなく、自分で考えて、言葉にして、直していく。

そのための実践ガイドとして読んでもらえたら嬉しいです。

この記事を誰に向けて書いたのかを書いておきます

売りたい商品・サービス・コンテンツがある。でも、それを伝えるページがない
デザインソフトは持っていない。AdobeもCanvaも、正直よく分からない
コードは書けないし、これから覚えるつもりもない
自分のサービス、note記事や講座などを、ちゃんと「伝わる見せ方」で届けたい
LP制作は専門家に頼むもの、それなりにお金がかかるもの、だと思っていた
ChatGPTは毎日のように使っているけれど、LPまで作れるとは思っていなかった

ひとつでも「あ、自分のことだ」と感じたら、読み進めてください。

逆に、この記事が向いていない方

「AIに入力するだけで、一発で完璧なLPが完成してほしい」

という方には、この記事は合いません。
そっとページを閉じてください。

言葉で指示するだけでLPは作れます。
ですが、「誰に届けるか」「何を伝えるか」「どう見せるか」、特に「どう見せるか」はAIと何度もやりとりをしないと思い通りにはなりません。
「自分はどうしたいのか」を粘り強く言葉にすることが必要です。

何も考えずにAIに任せると、見た目はそれっぽくても、誰の心にも刺さらないページになってしまいます。

自分の言葉で、売るためのLPを作れるようになりたい。
デザインの知識がなくても、自分の商品をちゃんと届けたい。

そう思っている方に、最後まで読んでいただけたら嬉しいです。

背景：AIでLP制作の前提が変わった

なぜ今、自分の商品にLPが必要なのか

まず、根本の話をします。

なぜ、自分の商品・サービス・コンテンツに、LPが必要なのか。

理由はシンプルです。

売りたいものを持つ個人は、ここ数年で一気に増えました。

AIで作った作品、note記事、Brainの教材、オンライン講座、プロンプト集、デザインテンプレート。

売りたいものは、もう手元にある。

そういう人が多いです。

でも、それを「スマホで開いた画面で、ちゃんと伝えきる場所」を持っている人は、まだ少ない。

SNSの投稿は流れていきます。
プロフィール文だけでは、魅力は伝わりきりません。
販売ページの説明欄も、気づけば機能を並べるだけになりがちです。

LPは、その人の代わりに、24時間365日、商品の魅力を伝えてくれる営業マンです。

ChatGPT Image 2026年6月14日 21_44_32.png

「誰に向けたものか」
「どんな悩みを解決するのか」
「なぜ、これを選ぶべきか」
「いくらで、どうやって買えるのか」

これを一本の流れで見せられるのが、LPです。

売りたいものがあるなら、その魅力を伝えるページが要る。

これが、自分の商品にLPが必要な理由です。

そのLPをAIで作る。

そう聞くと、「数分で完璧なサイトが自動完成する」ような魔法を想像するかもしれません。
しかし、実際にビジネスで使えるクオリティのLPを作るとなると、一発で思い通りのものが完成するわけではありません。

今回の検証で強く実感したのは、AI（ChatGPT×Codex）を道具として正しく使えば、LP制作の工数を約5分の1に削減できるということです。

実際、この記事を紹介するLP（ https://design-ai.aicreatorfile.com/test ）も、ただ「AIで作りました」と見せるためだけのページではありません。

その魅力を伝えるために、ファーストビュー、ターゲットの悩み、サービス内容、解決できること、料金プラン、FAQ、お問い合わせフォームまで設計しました。

このLPの企画、デザイン調整から公開チェックまで含めた実作業はおよそ6時間ほど。

通常、プロに依頼したり自力でゼロから構築したりすれば30時間以上かかる工程が、大幅に短縮されました。

この「コストと手間の劇的な減少」こそが、AIでLPを作る最大のメリットです。これまで予算や時間の都合で諦めていた「ニッチなLP」を、自分の手で素早く生み出せる時代が来ています。

すべてのLPをAIで作ればいい、という話ではない

前提として、すべてのLPがAIでの制作に向いているわけではありません。

AI制作に向かないもの
- 中長期的に公開する案件
- 厳密なブランドガイドラインがある案件
- 素材写真の美しさが成否を決定づける高度なビジュアル重視の案件
- 複雑な機能や外部システム連携が必要な案件
AI制作に向いているもの（本書の対象）
- note記事・Brain教材・有料コンテンツの販売LP
- 個人サービスや講座の紹介・申込LP
- プロンプト集・テンプレートなど、デジタル商品の販売LP
- 短期的な広告案件、ターゲットを絞り込んだ告知・採用ページ

このように、「大きな予算をかけるほどではないが、自分の商品の魅力をしっかり伝えて売りたい」という領域こそ、AILPが最も威力を発揮する場面です。

LPは「高額な制作物」から「小さく試せる武器」へ

従来のLP制作料金はやはりそれなりにします。

だから、制作費を回収するために「できるだけ多くの人（広いターゲット）に届く見せ方」にせざるを得ませんでした。

その結果、誰の心にも刺さらない、丸いLPになってしまうことも少なくありませんでした。

しかし、AIによって制作コストが下がった今、その前提が変わります。

「ひとつのnote記事だけを売るLP」

「特定の悩みに特化したサービス紹介LP」

「育児と両立しながら復帰したいママ美容師向けの採用LP」

上記のように、ターゲットを狭く絞り込んだ「ニッチLP」を個別に作って、それぞれ深く刺すアプローチが容易になりました。

早く、安く作れるからこそ、LPを「小さく試せる武器」として使えます。

ひとつ作って公開して、反応を見て、直す。
売れなければ、別の切り口でもう一枚作る。

この仮説検証を、個人でも回せる時代になったのです。

LPが作れるようになると受注できるかも

サイトやLPを自分で作れるようになると、自分の商品やサービスを紹介できるだけでなく、フリーランスの方であれば、仕事として受けられる可能性も出てきます。

もちろん、この記事を読んだからといって、すぐに大きな法人案件を受けられるという話ではありません。

法人案件には、ブランド管理、広告審査、権利関係、計測設計、複数人での確認フローなど、個人制作とは違う難しさがあります。

ただ、個人のサービスや小さな事業者向けであれば、十分に可能性はあると思っています。

たとえば、個人講座の案内ページ、noteやBrainの記事を紹介するLP、テンプレート販売ページ、作品をまとめるギャラリーサイト、小規模店舗の予約導線ページなど。

こういったページなら、ChatGPTとCodexを使って形にできる場面はかなりあります。

LP制作は、内容によっては30万円以上かかることもあります。
そこまで本格的なものではなくても、構成を整理し、スマホで見やすく整え、公開まで対応できれば、1件5万円前後の小規模制作として提案できる可能性はあるはずです。

これは「誰でも簡単に稼げる」という話ではありません。

でも、AIを使ってサイトを作れるようになることは、自分の商品を届ける力にもなりますし、誰かの商品やサービスを伝える力にもなります。

そして、これからデザイナーを目指す方にも、ぜひ読んでいただきたい内容です。

AIで作れる時代だからこそ、デザインに必要な「考え方」や「判断する力」は、より大事になっていくと思います。

本書で手に入る4つの武器と3つの特典

この記事は、単なる実践ドキュメントではありません。

ご自身のLP制作に直接応用できるよう、以下の4つの武器として構成しています。

ニッチLPの考え方：少ない予算で、狙った相手に深く刺すコンセプト設計
LPの導線設計：読者の不安を解消し、行動（CTA）へ導く文章構成
AI出力の目利き力：AIが出したデザインの余白や文字バランスを整える視点
Codex実装＆公開手順：Netlifyを使い、無料でWeb上に公開する実務フロー

さらに、購入特典として、LP制作の現場でそのまま使える「3つのツール」を用意しています。

①AILPディレクター用プロンプト＆要件定義フォーマット

（ヒアリング、企画、構成、指示書作成）

②AILPデザイナー用プロンプト

（デザイン、素材方針、実装指示書作成）

③AILPコーディングスキル（Codex用スキル）（スマホファーストでのコーディング実装）

この3つのツールを活用することで、ご自身のLP制作がスムーズに進められます。

自分の目的に合わせた読み方

目的に応じて必要な章から読んでいただいてOKです（各章の内容は、このあとの目次で紹介します）。

ただ、ひとつだけ。

制作を始める前に、まずは「LPの勝ち筋」を設計する。

その本質的な流れからスタートしましょう。

ここから先は有料パートです

次の章からは、LPを実際にどう作ったのか。

安全な作業環境の準備から、私が使ったプロンプト、Codexスキル、公開までの全手順を、ひとつずつ公開していきます。

第3章 準備：安全な作業場の作り方。Mac専用ユーザー、Codexの準備。
第4章 要件定義：AIに渡す前に、誰に何をどう売るかを決める。
第5章 制作：4つの工程の分け方と、デザインで見るべきポイント。
第6章 特典：AIでLPを作る3つのツールのご紹介

第7章 実践：特典の使い方を実例で解説。①ディレクター・②デザイナー
第8章 実装：特典の使い方を実例で解説。③コーディングスキル
第9章 仕上げ：SEO・OGP・構造化データで、検索とSNSに伝わる状態に整える。
第10章 公開：Netlifyにて無料でLPを公開する手順。
第11章 おわりに

価格について

通常価格は3,480円。

ただし、公開記念として 2,480円（先着20名） でお読みいただけます。

さらに、公式LINEにご登録のうえキーワード「AILP」を送っていただいた方には、1,980円の限定リンクをお渡しします（6/20まで）。

デザインおやじ公式LINEはこちら
https://lin.ee/wBzaLb4

また、購入後にレビューを書いてくださった方には、追加特典として私の公開データをそのままお渡しいたします。

定番の構成である程度の機能を網羅してますので、ご自身の内容に差し替えてお使いいただけます。

⚫︎note紹介LP

https://design-ai.aicreatorfile.com/

⚫︎ママ美容師に特化した採用LP

https://mama-recruit.netlify.app/

⚠️ ご利用前の注意点
本特典は、ChatGPTの有料アカウント（Plus等）で、「Thinking（推論）」モデルを使用すること、そして「Codex」想定して作成しています。上記ご了承の上お読みください。