Live
Landing Pages
Brand-grade landing pages, art-directed with AI.
Live screenshot
An ongoing collection of high-craft landing pages built with AI, where the goal is a brand you can feel, not a template you recognize. Typography, palette, motion and copy are designed together for each piece. New work is added here as it ships.
In this collection
概要
「AIでここまでリッチなLPが作れる」ことを示す、制作し続けている作品コレクション。1件ごとにタイポグラフィ・配色・余白・コピーをブランドに合わせて設計し、既製テーマに見えない“世界観のある”LPに仕上げる。今後つくったLPはここに追加していく。1作目はシニア層向けAIコンサルの和エディトリアルLP『経験に、AIを。』。
解決する課題
テンプレ然としたLPでは、ブランドの世界観や信頼感が伝わらない。縦書き・和のトーン・余白を活かした設計や、ブランド固有のタイポグラフィは既製テーマでは表現しづらい。
対象ユーザー
テンプレに見えない“世界観のあるLP”を求める企業・個人事業主・クリエイター
AIの使い方
コピー、ビジュアル方針、レイアウトをAIと往復しながら短時間で作り込み、デザインガイドを言語化して再現可能にしている。各LPのトーンをAIで探索し、手作業で仕上げる。
開発手法
1作品ごとに軽量な構成（多くは単一HTML＋デザインガイド）で制作。誇張した架空実績は出さず、未確定情報はプレースホルダで正直に見せる。狙いは“ブランドの手ざわりまで作れる”ことの提示。
差別化ポイント
単発の制作例ではなく、増えていくLP作品集として見せる点。既製テーマに頼らず、日本語の組版や和の世界観までAIで作り込めることを、実物のコレクションで示す。
主な機能
- 1件ごとにブランドへ最適化したタイポグラフィと配色
- 余白・組版・モーションまで含めたアートディレクション
- コピーライティングからビジュアルまで一貫設計
- 作品は継続的に追加していくコレクション形式
技術スタック
HTMLCSSEditorial typographyMotionCloudflare Pages