#42【LP×AI】情報の渡し方が仕上がりを決める！3パターンで試したホームページ制作比較

てきぱきラジオのLPをAIで作ってみた実験レポートです。同じお題で3パターン試し、それぞれの仕上がりを比べました。

① 一言で丸投げ（Codex）

「てきぱきラジオというSpotifyをしています。それを周知させるHPが欲しいです。」の一文だけで依頼。背景情報ゼロ。AIが「てきぱきラジオ」という名前の印象だけからページを組み立てます。どこにでもありそうな、でも一応成立しているページが出てきました。

② 背景を渡してそのまま（Antigravity IDE）

プロジェクトフォルダを参照させた状態で依頼。過去のエピソード原稿や構成をAIが読み込み、エピソード一覧まで自動生成してくれました。情報を持たせるだけでここまで変わる、というのが実感できます。

③ 設計してから作る（ChatGPT → Claude Design → Claude Code）

まずChatGPTに素材を渡してレイアウト案を作成。それをClaude Designでコード化・ビジュアル化。最後にClaude Codeでリンクや細部を調整。3段階のフローで、自分のイメージに最も近い仕上がりになりました。

「AIに渡す情報量と仕上がりの精度は比例する」——人間のデザイナーに依頼する時と、実は同じ話です。そして話の中で出てきたもう一つの気づきが、スライドの代替としてのLP。「人に何かを伝えるためにスライドを作る」ではなく、「LPでいいじゃん」という発想の転換。AIで修正しやすく、セミナー資料としても十分使えます。

実験ページはこちらから見られます → https://tekipaki-radio-lp.vercel.app/

This is a public episode. If you would like to discuss this with other subscribers or get access to bonus episodes, visit yusukeando.substack.com