AI生成LP 改善ケーススタディ
AIで作った初稿を、構成・コピー・デザイン・導線の観点から改善する考え方をBefore／Afterで紹介。
ページを見る ↗LANDING PAGE DESIGN & DEVELOPMENT
伝える順番から整える、
LP制作ポートフォリオ
ヒアリング内容の整理、ページ構成、掲載文章、デザイン、HTML/CSS/JavaScript実装までを想定して制作したデモです。業種ごとに異なる見せ方と、スマートフォンでの読みやすさをご覧いただけます。
掲載作品について
すべて自主制作のデモです。実在する顧客案件・店舗・人物・実績ではありません。フォームや予約ボタンから情報が送信されることもありません。
SELECTED WORKS
制作デモ 11作品
各作品は別タブで開きます。
月讀（つくよみ）
手描きCSSでは出せない箔押しの質感を、AI生成画像の縦スライスで構成。価格とCTAは画像に焼き込まずHTMLで重ね、文言修正に即応できる作り。
ページを見る ↗
稲穂堂（いなほどう）
和紙の繊維・筆文字・朱印を活かした和モダンの商品LP。同じ画像LPの手法で、月讀とは正反対のトーンをどこまで作り分けられるかを検証。
ページを見る ↗
Coloris
パーソナルカラー・骨格・顔タイプ診断を、上品さと実用性の両面から伝えるサロンLP。
ページを見る ↗
こかげ整体院
体の状態を丁寧に説明する安心感を軸に、初回相談への不安を減らす地域店舗LP。
ページを見る ↗
スヤミン
睡眠サポートサプリの特徴を、やさしい配色と生活場面のストーリーで伝える商品LP。
ページを見る ↗
フェリシェ
料金・特徴・不安解消をテンポよく配置した、キャンペーン訴求型の脱毛サロンLP。
ページを見る ↗
外国人材採用サポート
人手不足の課題から、海外現地面接会の仕組みと相談導線までを整理したBtoB向けLP。
ページを見る ↗
SUHADA
完全個室の静けさと大人向けの安心感を、余白と写真を活かして伝えるエディトリアルLP。
ページを見る ↗
mimosa
オーナー一貫対応とプライベート感を、高級感のある配色と落ち着いたコピーで表現。
ページを見る ↗
Nail atelier Siena
自爪を削らない施術と1席だけの安心感を、メニュー・施術例・予約導線まで丁寧に伝えるネイルサロンLP。
ページを見る ↗PRODUCTION SCOPE
このポートフォリオで確認できること
01
情報整理・構成
誰に何を伝え、どの順番で行動につなげるかを整理します。
02
掲載文章・デザイン
業種や対象者に合わせて、文章と視覚表現のトーンを設計します。
03
レスポンシブ実装
HTML/CSS/JavaScriptで、PCとスマートフォンの表示に対応します。