LP自動生成ツールを作って分かったこと―まだまだ人間の仕事は奪われない

最近、Webサイトを分析してランディングページ（LP）の構成やデザイン案を自動生成するツールの開発に取り組んでいました。

近年はAIを活用してWebサイトやLPを自動生成するサービスが次々と登場しています。

実際に、文章や画像を入力するだけで、それらしいページを数分で作れるツールも珍しくなくなりました。

しかし、それらの生成結果を見ていると、多くの場合は「一定以上の品質を持つテンプレート」に近く、企業やブランドごとの個性まで表現できているケースはまだ多くありません。

そこで私は、「既存のWebサイトを分析し、その企業らしさを反映したLPを自動生成できないだろうか」という考えから、今回のLP自動生成ツールの開発を始めました。

そのためにまず、LPの中で特によくできているものを私がピックアップし、成果型・共感型・世界観型・信頼型など、さまざまなタイプ毎にLPを分析し、それぞれの構成やデザインの特徴を整理しました。

実際に複数のLPを比較してみると、一見デザインが異なるように見えても、使われているセクションや情報の流れには共通するパターンがあることが分かりました。

そこで、それらのパターンをルール化し、AIがLP構成やモックアップを生成できる仕組みを作ろうと考えました。

実際に開発を進めてみると、構成提案やワイヤーフレーム生成についてはかなり良い結果が得られました。

一方で、HTMLモックアップ生成には想像以上に苦戦しました。ここをクリックすると生成したHTMLをご覧になれます。

AIはHTMLを生成できるが、毎回同じデザインは作れない

最初は、プロンプトでルールを細かく定義すれば理想のデザインに近づいていくと思っていました。

しかし実際には、ある部分を修正すると別の部分が崩れるということが何度も起こりました。

レイアウトが変わったり、背景色が消えたり、配置が指定通りにならなかったりと、思った以上に安定しません。何度も何度も、プロンプトを修正してはテストし、の繰り返しです。

AIはHTMLを書くことはできます。

しかし、人間のデザイナーのように一貫したデザインルールを維持しながら調整するのは、まだ得意ではないようです。

問題はAIではなく設計だった

開発を続ける中で気づいたのは、問題はAIの性能ではなく、私自身の設計にあったということでした。

最初は多くのルールをひとつにまとめて管理していましたが、それでは修正のたびに別の箇所へ影響が出てしまいました。

むしろ、役割ごとにルールを分割し、それぞれを独立して管理した方が安定することが分かりました。

これはWeb制作でCSSやコンポーネントを整理する考え方にも少し似ています。

AIにデザインを任せすぎない

もう一つ大きな学びがありました。

それは、AIにデザインを完成させてもらおうとしないことです。

AIは、

• 情報整理
• 構成設計
• キャッチコピー作成
• セクション選定

といった作業を非常に効率良くこなしてくれます。

一方で、

• 余白の調整
• 写真選定
• ブランドらしさ
• デザインの細かなニュアンス

といった部分は、まだ人間の判断が必要だと感じました。

今後の方向性

今回のLP自動生成ツール開発を通して感じたのは、AIは非常に優秀な制作パートナーになり得るということです。

HTMLを書くこともできますし、文章の提案もできます。ある程度のレイアウトであれば自動生成することも可能です。

しかし、「どの情報を優先するのか」「どんな順番で見せるのか」「どんな印象を与えたいのか」といった部分は、まだ人間の判断に大きく依存しています。

そして何より、個性のあるデザインやブランドらしさは、ルールだけでは作れません。

今回生成されたLPも、ベースとなるモックアップとしては一応活用できるレベルになりました。しかし、そこから先の細かな調整や世界観づくり、ユーザー体験の設計は、まだまだ人間の仕事だと感じています。

AIに仕事が奪われるというより、AIを活用しながら人間がより上流の設計や判断に集中する時代になっていくのかもしれません。

今回の開発はひとまずここで一区切りですが、今後もAIを生かしたツール開発に取り組んでいこうと思います。