AIでセミナーLPを作るための制作キットを発売しました｜ChatGPT・Codex対応

2026年10月19日、FORM.（フォームドット）から新商品「AIでつくるセミナーLP制作キット｜ChatGPT・Codex対応」を発売しました。

今回の商品は、ChatGPTとCodexを使って、自分のセミナーや講座を紹介するランディングページ（LP）を制作するためのキットです。

LPの構成やデザインはFORM.があらかじめ設計。さらに、付属のガイドを読み込ませたChatGPTが制作の進行役となり、必要な質問をしながらLP作りをサポートします。
ユーザーはその質問に答えながら内容やデザインを決め、Codexで実際のWebページを編集・実装していきます。

デザイナーが設計した「型」を土台に、AIと一緒に自分のLPを仕上げていく。

今回は、この商品を作った理由やデザインへのこだわり、実際にどのように制作を進めるのかをご紹介します。

AIでLPを作れる時代。でも、AIに指示するのは意外と難しい

最近は、ChatGPTをはじめとする生成AIの進化によって、文章作成だけでなく、Webサイトのデザインや実装までAIに依頼できるようになりました。

以前は専門的な知識が必要だった作業も、AIと会話しながら進められるようになっています。
ただ、実際にAIを使ってWebサイトを制作しようとすると、意外と難しい部分があります。

それは、AIに何をどう指示すればよいのかということです。

例えば、自分でセミナーを開催しようとしている人なら、セミナーの内容や対象者、参加者に伝えたいことは、詳しく説明できると思います。
ところが、それをLPにしようとすると、考えることが一気に増えます。

• どんな順番で情報を掲載すればよいのか

• どの情報を大きく見せるべきなのか

• どんなデザインや配色が適しているのか

• スマートフォンではどう表示するのか

• どのように実装すればよいのか

もちろん、こうしたこともAIに相談できますし、何度もやり取りを重ねれば、少しずつ理想の形に近づけることはできます。
ただ、AIが提案したものをどう判断するか、どこを修正すればよくなるのか、どんな指示を出せばよいのか。これらを考えながら制作を進めるのは、なかなか大変な作業です。

AIがWebサイトを作れるようになったからといって、デザインや制作に必要な判断まで、すべて簡単になるわけではないんですよね。

特に、普段からデザインやWeb制作に関わっていない人にとっては、こうした作業がセミナー準備の大きな負担になってしまうこともあると思います。

セミナーの内容に集中できるよう、構成とデザインの「型」を用意しました

そこで考えたのが、最初からLPの構成やデザインを用意しておく方法です。

今回の制作キットでは、セミナーLPに必要な情報の構成やレイアウト、文字の見せ方、余白、各種UIなどをフォームドットがあらかじめ設計しています。

例えば、参加対象者、参加することで得られること、セミナープログラム、講師紹介、開催概要、申込方法など。
こうした情報をどのような順番で、どう見せるかという基本的な設計が用意されています。

そのため、購入者はページ全体の構成やレイアウトをゼロから考えるのではなく、自分のセミナーに合わせて、何を伝えるか、どう表現するかという部分から制作を進められます。

さらに、今回のキットでは、ChatGPTが制作の進行役となるためのガイドも用意しています。

ChatGPTからの質問に答えながら制作を進められるので、毎回自分で細かな指示文を考える必要はありません。制作中に分からないことがあれば、そのままチャットで相談することもできます。
もちろん、文章や画像の確認、デザインの選択など、購入者自身が判断する作業はあります。
それでも、土台となる構成とデザイン、そして制作を案内する仕組みがあることで、AIへの指示に悩む負担を減らせるのではないかと考えました。

また、デザインをAIにすべて任せるのではなく、デザイナーが意図を持って設計したものをベースにすることにも意味があると思っています。

専門的なデザインの考え方を取り入れたLPを、制作会社などへ外注せずに、自分で作るための選択肢を増やしたい。
そんな考えから、今回の制作キットを作りました。

信頼感と親しみやすさを両立するデザイン

今回のLPでは、デザインそのものにもいくつかの意図を持たせています。

ベースにしているのは、シンプルで整然としたデザインです。
セミナーへの参加を検討している人が、内容や講師、開催情報などを分かりやすく確認できるよう、情報の配置や余白の使い方を整理し、信頼感のある印象を目指しました。

一方で、整然としたデザインだけでは、少し堅い印象になってしまうこともあります。
そこで、カラフルなイラストや装飾をアクセントとして取り入れ、親しみやすさも感じられるようにしています。

信頼感はあるけれど、堅苦しくない。

セミナーに興味を持った人が、参加することに敷居の高さを感じにくい。そんなバランスを意識して設計しました。

また、LPのイラストや装飾には「積み木」をモチーフとして取り入れています。
積み木を一つずつ重ねるように、セミナーを通じて新しい知識を積み重ねていく。
そんな「知識の積み重ね」を、ビジュアルでも表現しています。

イラストや装飾は、単に画面を華やかにするためのものではなく、セミナーというテーマと結び付いた意味を持たせています。

このデザインは、フォームドットが用意した標準スタイルです。実際の制作では、セミナーの内容やブランドに合わせて、配色や写真・イラストなどを変更することもできます。

ChatGPTとCodexで、どのようにLPを作るのか？

このキットでは、ChatGPTとCodexを役割分担させながら制作を進めます。

中でも大きな特徴は、ChatGPTが制作の進行役となり、必要な質問をしながらLP作りを案内してくれることです。
キットに付属する専用ガイドを通常のChatGPTに読み込ませることで、制作の流れに沿った対話が始まります。

例えば、最初はこんな質問から進めていきます。

• 「どのようなセミナーを開催しますか？」

• 「どんな人に参加してほしいですか？」

• 「参加者にどんなことを持ち帰ってほしいですか？」

その後も、文章の作成やデザインの検討など、各工程でChatGPTが必要な質問や提案をしてくれます。

ユーザーは基本的に質問に答え、提案された内容を確認・選択しながら制作を進めていくので、毎回自分でプロンプトを考えて、細かな指示を出し続ける必要はありません。

また、制作途中で分からないことがあれば、そのままチャットで相談できます。

「どんな配色が合うと思う？」「この文章をもう少し親しみやすくしたい」「この画像は変更した方がいい？」といった相談にも、ChatGPTが提案やアドバイスをしてくれます。

つまり、ChatGPTは制作を案内するコンシェルジュであり、使い方や疑問を相談できるカスタマーサポートでもある。そんな役割を持たせています。

一方、Codexは、決まった内容をもとにHTML・CSS・JavaScriptを編集し、実際のLPとして形にしていく役割です。

基本的な制作の流れは、次の7ステップです。

このように、ChatGPTからの質問に答え、提案を確認しながら、一つずつ制作を進めていく方法です。

もちろん、AIがすべてを自動的に完成させるわけではありません。文章や画像、デザインの最終的な判断はユーザー自身が行い、ChatGPT・Codexの操作や公開作業も必要です。
実際のChatGPTとのやり取りや具体的な制作例については、別の記事で詳しく紹介する予定です。

セミナーの内容に合わせて、デザインも変更できる

あらかじめ構成やデザインが決まっていると、「自分のセミナーに合ったページにできるのか？」と気になるかもしれません。

今回のキットでは、基本となるレイアウトや構造を活かしながら、セミナーの内容や雰囲気に合わせてカスタマイズできます。

例えば、文章の変更はもちろん、写真やイラストの差し替え、配色の変更にも対応しています。

メインビジュアルだけでなく、途中のセクションにある画像も変更できるので、セミナーのテーマに合ったビジュアルを取り入れることができます。必要に応じて画像を新しく生成したり、使わない画像を非表示にしたりすることも可能です。

配色については、DEFAULT・CREATIVE・CALM・CLEANの4種類の公式カラープリセットを用意しています。また、セミナーのテーマやブランドカラーに合わせて、オリジナルの配色に変更することもできます。

また、セミナーの内容によっては必要のないセクションもあるため、一部のセクションや掲載項目を省略することにも対応しています。

スマートフォンでの閲覧を前提としたレスポンシブデザインを採用しており、FAQのアコーディオンやカルーセル、固定申込ボタンなどのUIもあらかじめ実装しています。

基本となる「型」は共通でも、掲載する情報やビジュアルを変えることで、それぞれのセミナーに合ったLPへ仕上げていくことができます。

どんな人に向いている制作キットなのか？

今回の制作キットは、自分でセミナーや講座、ワークショップを開催する方や、AIを活用してLPを制作してみたい方を想定しています。

特に、次のような方に向いていると思います。

• SNSやイベント募集ページだけでは、セミナーの内容や魅力を十分に伝えきれないと感じている方

• デザインやページ構成をゼロから考える負担を減らしたい方

• 制作会社に外注せず、自分でセミナーLPを作りたい方

• ChatGPTやCodexを活用して、AIと相談しながらLPを制作したい方

• クライアント向けのセミナーLPを制作したい方

また、すでにPeatixやGoogleフォーム、LINEなどを使って参加申し込みを受け付けている場合は、その仕組みを引き続き利用できます。

今回のLPは、外部の申込ページへ誘導する形式なので、今使っている申込方法を変えずに、セミナーを詳しく紹介するページを追加するという使い方もできます。

※Web上に公開する際には、別途サーバーなどの公開環境や、外部の申込フォームなどを用意する必要があります。

今の募集方法を活かしながら、セミナーの内容や魅力をもっと詳しく伝えたい。そんな方に、選択肢の一つとして検討してもらえたらと思っています。

実際のセミナーLPをデモで確認できます

今回の制作キットでは、購入前に完成イメージを確認できるよう、デモLPを公開しています。

デモは、イラストをメインビジュアルに使ったデザインと、写真を中心にしたデザインの2種類を用意しました。
同じ構成のLPでも、使用するビジュアルによって印象がどのように変わるのかをご覧いただけます。
また、スマートフォンでの表示や、カルーセル・FAQなどの動きも実際に確認できます。

※デモ内のセミナー情報や参加者の声、開催実績などは表示用のサンプルであり、実際の実績ではありません。

まとめ｜デザインの型を活かして、自分のLPを作る

AIの進化によって、Webサイトの制作方法は大きく変わってきています。
ただ、AIが制作を手伝ってくれるようになっても、何を伝えるのか、どんなデザインにするのかといった判断は、やはり必要です。

今回の制作キットは、フォームドットが構成やデザインの土台を用意し、ChatGPTが制作の進行をサポートすることで、そうした判断や指示の負担を少しでも減らしたいという考えから生まれました。

デザインの「型」を活かしながら、自分のセミナーの内容や個性を加えていく。

セミナーLPを自分で制作するための選択肢の一つとして、活用してもらえたらと思っています。

「AIでつくるセミナーLP制作キット｜ChatGPT・Codex対応」は、BOOTHで販売しています。

同梱内容や詳しい仕様、利用条件などは商品ページをご確認ください。

今後は、ChatGPT・Codexを使った具体的な制作方法や、実際のLP制作例、デザインのカスタマイズについてもnoteで紹介していく予定です。

関連記事

フォームドットで販売しているCanvaテンプレートは、以下の記事で用途別にまとめています。