AIコーディングのランディングページ——よくある6つの失敗

YCのAaron EpsteinとRaphael Schaad（Cron/Notion Calendarの創業者）が、AIで作られたスタートアップのランディングページ6本を解剖し、2026年時点でLLMが陥りがちなデザインのアンチパターンを整理した。

• LLMは人気サイトで学習しているため、パープルのグラデーション、スクロールジャッキング、フェードインアニメーション、フローティングボタンがAI生成ページに頻出する。
• LLMはホバー時に要素を隠したり暗くしたりするエフェクトを追加しがちだが、これは標準的なUXとは逆で、本来ホバーはターゲットをクリックしやすくするものだ。
• スクロールジャッキングやタイマー付きのフェードインは、ユーザーがアニメーションより速くスクロールするとコンテンツを見逃す原因になる。
• Raphael Schaadは、重要な機能をホバーの裏に隠すのはアンチパターンだと指摘する。ホバーにはモバイル相当がなく、長押しも普及しなかったためだ。
• レビューされた6サイト（Nunu.ai、Rosebud AI、Getcrux、Sphinx、Build0、Zarna）はいずれもセクションをまたいでビジュアル言語が統一されておらず、AIによる複数回の生成結果が整合されていないことを示唆している。
• Epsteinは「明らかにAI任せなデザインをそのまま出すと、プロダクト自体もvibe-codedかもしれないという印象を顧客に与え、信頼性を損なう」と述べた。
• 推奨される対処法：まずカラーパレットとブランドアイデンティティを定義し、制約をAIツールに与える。節約した時間はメッセージの磨き込みに使うべきで、AIの提案をすべてデフォルトで受け入れてはいけない。

2026-03-06 · YouTubeで視聴

英語版: Common Mistakes With Vibe Coded Websites · Watch on YouTube