「自分のビジネスのホームページ・LP(ランディングページ)を作りたいけれど、制作会社に頼むと数十万円もかかってしまう……」
「専門知識がないから、自分で作るのは無理だと諦めている」
そんな悩みを抱えている方に朗報です。
現在は「AI」の進化により、エンジニアやデザイナーでなくても、驚くほど「簡単」かつ「手軽」にホームページ・LPを作成できる時代になりました。
この記事では、Googleが提供する高性能な無料AI「Gemini(ジェミニ)」と、AIサイト構築ツール「Antigravity」を組み合わせた、最強のホームページ・LP制作フローをご紹介します。
コーディング知識は一切不要。「無料」で始められるツールを活用して、コストをかけずに集客できるWebページを立ち上げる方法を、初心者の方にも分かりやすく解説していきます。
今回紹介するやり方で作成したデモLPが以下のリンク先からご覧いただけます。
制作フローの全体像
今回実践する手順は以下の5ステップです。
- 素材出し:ホームページ・LPに掲載する情報を書き出す
- リサーチ:参考にするホームページ・LPを探す
- 構成作成:Geminiにホームページ・LPの構成を作ってもらう
- 指示文作成:Antigravity用のプロンプトをGeminiで作成する
- 実装:Antigravityでホームページ・LPを生成する
AIツールを単体で使うのではなく、それぞれの得意分野(Geminiは文章と構成、Antigravityはデザインと構築)を組み合わせることで、「簡単」に質の高いホームページ・LPが完成します。
STEP 1:ホームページ・LPに掲載する内容を書き出す
AIに指示を出す前に、まずは「何を伝えたいか」という素材を整理しましょう。ここが制作の土台となります。
どんなに優秀な「AI」でも、元となる情報が曖昧だと良い結果は出せません。
以下の「必須項目リスト」を参考に、箇条書きで情報を洗い出してください。
ホームページ・LP作成のための必須項目リスト
- ターゲット
誰に向けた商品やサービスですか?(例:30代の忙しい会社員、ダイエットに失敗し続けている主婦、など)
その人が抱えている「悩み」や「欲求」は何ですか? - 商品・サービス名
正式名称を記載します。 - キャッチコピー(仮)
一番伝えたい魅力や、ターゲットに刺さる言葉を一言で。 - 商品の強み・メリット(USP)
競合他社との違いは何ですか?(例:業界最安値、特許技術を使用、など) - ベネフィット
その商品やサービスを使うと、ユーザーはどんな未来を手に入れますか?(例:痩せて自信が持てる、業務時間が半分になる、など) - 価格・プラン
無料プラン、有料プラン、キャンペーン価格など。 - オファー内容(特典)
今申し込むべき理由はありますか?(例:初回限定30%OFF、資料プレゼント) - アクション(CTA)
最終的にユーザーにしてほしい行動。(例:購入ボタンを押す、LINE登録、問い合わせ)
ポイント
綺麗な文章にする必要はありません。「情報の羅列」で十分です。文章を整えるのは「Gemini」の得意分野ですので、まずは思いつくままに書き出してみましょう。
今回、上記の内容をご自身で書き出しやすいようにシートを作成しました。
ご自由にコピーしてご利用ください。
STEP 2:参考にするホームページ・LPを3つほど探す
次に、自分が作りたいイメージに近いホームページ・LPを探します。
「Pinterest」や「Webデザインギャラリーサイト」などを活用し、競合他社や異業種のデザインを見てみましょう。
「青色ベースで信頼感がある」「文字が大きくて読みやすい」「写真の使い方が上手い」など、直感的に良いと思ったものを3つほどピックアップします。
重要:著作権について
ここで必ず注意してほしいのが「著作権」です。
インターネット上の画像や文章には著作権があります。以下の行為は絶対に行わないでください。
- 参考サイトの文章やキャッチコピーを丸ごとコピーする
- 画像を無断で保存して自分のホームページ・LPに使用する
- デザインの配置や色味を完全に模倣する
参考にするのはあくまで「構成の流れ」や「全体の雰囲気(トーン&マナー)」だけです。
「このサイトのような清潔感を出したい」「このサイトのようにお客様の声を強調したい」といった、「要素」を参考にするスタンスを忘れないでください。
ホームページやLPのデザインを集めたサイトリンクです。
クオリティの高いランディングページ(LP)を集めました。リスティング広告や楽天市場、ヤフーショッピングでランキングに入っている様なハイクオリティのデザインまとめサイトです。毎日更新しているので、昔のLPから最新のLPまでデザイン制作の参考にご活用頂けます。
STEP 3:Geminiにホームページ・LPの構成を作成してもらう

ここからがいよいよ「AI」の出番です。
Googleの生成AI「Gemini」は、無料で使えて日本語の精度も非常に高いため、ホームページ・LPの構成作りには最適です。
STEP 1で書き出した情報を元に、売れるホームページ・LPの構成(ワイヤーフレーム)を提案してもらいましょう。
Geminiは以下のリンクからご確認できます。
Geminiへの入力プロンプト(指示文)例
以下のテキストをコピーし、[ ]の部分をご自身の情報に書き換えてGeminiに入力してください。
あなたはWebマーケティングのプロフェッショナルです。
以下の商品情報を元に、コンバージョン率(成約率)の高いホームページ・LPの構成案を作成してください。
構成は「PASONAの法則」または「AIDMA」などのマーケティングフレームワークを意識し、各セクションにどのような文章やコンテンツを配置すべきか、具体的な見出しと本文の案を提示してください。
【商品情報】
- ターゲット:[STEP1の内容]
- 商品名:[STEP1の内容]
- 強み:[STEP1の内容]
- CTA:[STEP1の内容]
...(STEP1で書き出した内容をすべて貼り付ける)
【Geminiの出力結果】
この指示を送ると、Geminiは「ヒーローエリア(トップ画像)」から始まり、「問題提起」「解決策」「実績・証拠」「クロージング」といった順序で、論理的な構成案を出力してくれます。
これを読むだけでも、ホームページ・LPの中身がほぼ完成に近づきます。
STEP 4:Antigravity用のプロンプトをGeminiで作成する

構成ができたら、次はそれをWebサイト構築ツールである「Antigravity」に入力するための指示文に変換します。
Antigravityなどの画像生成・サイト生成AIは、英語で指示を出したほうがデザインのクオリティが高くなる傾向があります。
しかし、英語が苦手でも問題ありません。翻訳もプロンプト作成も、すべて「Gemini」に任せてしまえば「簡単」です。
Google Antigravityはパソコンにインストールして使用するものです。
Mac用、Windows用の2つがご利用できます。ダウンロードは無料です。
Geminiへの続けての指示例
ありがとうございます。素晴らしい構成です。
このホームページ・LP構成を元に、AIサイトビルダーである「Antigravity」に入力するためのプロンプト(指示文)を作成してください。
【条件】
- 言語は「英語」で作成してください(Antigravityの精度を高めるため)。
- STEP2でリサーチしたようなデザインの雰囲気(例:モダン、信頼感がある、シンプル、配色は青と白を基調にする、など)も含めて記述してください。
- 各セクションの内容が反映されるようにしてください。
- 出力は、Antigravityにそのままコピペできる形式にしてください。
これにより、Geminiがデザイン指定やセクション構成を含んだ「英語のプロンプト」を自動生成してくれます。あなたはそれをコピーするだけです。
STEP 5:Antigravityでホームページ・LPを作成する
最後は、AIツール「Antigravity」を使って、実際にWebページとして形にします。
操作は非常に「手軽」です。
Antigravityでの操作手順
- Antigravityの公式サイトにアクセスし、アカウントにログインします。
- 「Create New Site(新しいサイトを作る)」などのボタンをクリックし、生成画面を開きます。
- プロンプト入力欄(Describe your siteなどの表示がある場所)に、STEP 4でGeminiが作成した英語テキストをそのまま貼り付けます。
- 「Generate(作成)」ボタンをクリックします。
ほんの数分待つだけで、AIがテキスト、画像、レイアウトを自動で組み合わせ、ホームページ・LPのドラフト(下書き)が完成します。
専門的なコードを書く必要は一切ありません。
生成された後は、編集画面で日本語のテキストに書き換えたり(ここでもGeminiで作った文章案が役立ちます)、画像を差し替えたりして微調整を行えば、あなただけのホームページ・LPの完成です。
まとめ:AIを使えば、誰でも「無料・簡単・手軽」にホームページ・LPが作れる
- 必要な情報を書き出す
- 著作権に配慮して参考サイトを探す
- 「Gemini」で構成を考える
- 「Gemini」で生成用プロンプトを作る
- 「Antigravity」でサイトを生成する
この5つのステップを踏むだけで、これまで数十万円の費用や数週間の期間がかかっていたホームページ・LP制作が、自分ひとりでも、しかも短時間で実現できます。
まずは「無料」で使えるGeminiを開いて、STEP 1のメモ書きから始めてみてください。
AIという強力なパートナーがいれば、あなたのビジネスを加速させるホームページ・LPは、もう目の前にあります。
コメント