Workshop · 2026.08.06
MAKE ONE.
TODAY. ✦
AIで骨組み、あなたの"目"で仕上げる。
発信できるLPを1本、持ち帰る60分。
Goal
今日、持ち帰るもの。
帰る頃には、"発信できるLP"が
1本、手元にあります。
1跳ねる4項目フレーム
2AIで立ち上げたLP 1本
3"仕上げる目線"のチェック軸
作って終わりにしません。今日つくった1本は、そのまま発信ネタになります。
01
Flow · 60 min
今日の流れ
- 1大前提：AIは"骨組み"まで5 min
- 2跳ねる「4項目フレーム」を知る5 min
- 34項目を、埋める10 min
- 4Claudeに渡して、LPを立ち上げる15 min
- 5"目"で仕上げ・公開の流れ ＆ シェア25 min
02
01 · 大前提
AIがやるのは、
"骨組み"まで。
AI がやること
骨組みを、爆速で出す
構成・たたき台・コード。ゼロから絞り出す時間を、丸ごと肩代わり。
あなたがやること
良し悪しを、決める
余白・配色・写真・優先順位。"この色は上品じゃない"が言える目。ここが仕事。
丸投げは、"それなり"止まり。目がある人だけが、AIから良いものを引き出せる。
03
02 · 型
跳ねてるLPは、
この4項目でできてる。
この4つが埋まれば、AIは"それっぽい"を越えてくる。※実際に跳ねたリールも、全部この型。
04
03 · Work
あなたの案件で、
4項目を埋める。
実案件がなければ、架空案件でOK。埋まらない所は、AIに質問で引き出してもらいます。
05
03 · 記入例
迷ったら、
この具体度をマネして。
例：オリジナル香水づくりのサロン（この後のデモと同じ題材）。ここまで具体にできると、AIの精度が一気に上がります。
01
ゴール
香水づくり体験の予約を増やす（1日3組）
02
悩み・課題
しっくりくる香水に出会えない／人と被りたくない
03
提供価値
35種から選ぶ、世界に一つの香水。知識ゼロOK
04
参考サイト
THE NOTE BAR／グリーン×明朝・余白広め
06
04 · 渡す
これを、コピーして貼るだけ。
Claude に貼って、AIの質問に1問ずつ答えるだけ。あとは目の前でLPが立ち上がります。
あなたは、私専属のLP制作パートナーです。私はデザイナーで、コードは書けなくてOK。
これから渡す4項目をもとに、1枚もののランディングページ（HTML/CSS・1ファイル）を作ってください。
【4項目】①ゴール ②悩み・課題 ③提供価値 ④参考サイト/世界観
【進め方】
・まず4項目のうち埋まっていない所を1問ずつ質問して埋める
・そろったら、構成案（ファーストビュー→悩み→提供価値→実績→CTA）を先に提案
・OKが出たら、上品な明朝＋ゴシック・余白広めで、HTML/CSSを1ファイルで書き出す
・完成後は「直したい所は？」と聞く（例：この色を上品に／余白を詰めて／写真は実物に）
では、4項目の足りない所を①から1問ずつ質問して始めてください。
※ 全文はSlackに送ります。そちらをコピーしてください。
06
04 · 案件がない人へ
思いつかない人は、
これを丸ごと貼ってOK。
「何を作ればいいか分からない」人向け。4項目を全部埋めた“香水サロン”の見本プロンプトです。そのまま貼れば、実演と同じものが立ち上がります。
あなたは、私専属のLP制作パートナーです。私はデザイナーで、コードは書けなくてOK。渡す【4項目】で、香水サロンのLP（HTML/CSS・1ファイル・スマホ対応）を作ってください。
①ゴール：オリジナル香水づくり体験（1日3組・約90分・13,000円税込）の予約を増やす。「自分だけの香りをつくりに行きたい」と思わせ予約へ。対象は30〜40代の女性・会社員。
②悩み：好みの香水に出会えない／ブランドは高い／人と同じは嫌、世界に一つがほしい。
③提供価値：35種以上から自分で選ぶ世界に一つの香水／知識ゼロOK・プロが言葉を汲む／90分で完成・当日持ち帰り・レシピ記録／仕事にもまとえる上品な配合／1日3組限定。
④参考サイト・世界観：参考＝THE NOTE BAR（notebar.net／ミニマル・余白広め・上品な高級感）。世界観は深いグリーン(#26362b)×アイボリー(#f6f4ec)の和ミニマル。日本語＝明朝、英字＝Cormorant Garamond。全面写真＋グリーンのベールで白抜き。
構成：ヒーロー／悩み3枚／素材バンド／提供価値3枚／既製品vs当店／流れ4step／ギャラリー／お客様の声3件（※イメージ）／料金カード／FAQ／最後のCTA／フッター。
進め方：不足は1問ずつ質問 → 明朝ベース・余白広めで1ファイル出力 → 写真はUnsplash仮 → 完成後「直したい所は？」と質問。では始めてください。
※ 全文はSlackとファイル（プロンプト_香水LP再現_AtelierVert）で配布。参考サイト：THE NOTE BAR（notebar.net）
07
04 · 実演
言葉で渡すと、
形になっていく。
Before
今までのやり方
コーダーに外注、or STUDIOで一枚ずつ。時間もお金もかかる。
After
言葉で渡すだけ
「こういう商材で、こういう世界観で」。目の前で、数分で骨組みが立ち上がる。
ここで手を止めない。出てきた瞬間が、スタートライン。
07
05 · 本体
ここからが、
デザイナーの仕事。
- ◎余白 ―― 詰まってない？ 空きすぎてない？
- ◎配色 ―― 彩度は商材に合ってる？（信頼系は落とす）
- ◎写真 ―― 実物と一致してる？（別物イメージはNG）
- ◎優先順位 ―― 一番見せたいものが、一番大きい？
- ◎文字 ―― 明朝／ゴシックの使い分け・字間は？
「いい感じにして」ではなく、具体で直す。その言葉が出せるのが、あなたの17年。
08
Publish · 実装までの流れ
作ったLPを、
ネットに公開する。
STEP 01
4項目を渡す
ゴール・悩み・提供価値・参考。あなたが言葉で用意する。
STEP 02
Claudeで作る
言葉からLPが立ち上がり、あなたの目で仕上げる。
STEP 03
Cloudflareで公開
無料の土台にのせる。むずかしい作業はいらない。
STEP 04
URLが出る
◯◯.pages.dev。そのまま共有・発信できる。
作る（Claude）→ 公開（Cloudflare）→ URL。ここまでが"実装"。今日は流れを掴めればOK。
09
Tools · 道具は2つだけ
Claude と Cloudflare、
って何？
Claude — 作る
言葉でLPを組むAI
コードが書けなくてOK。「こういう商材で、こういう世界観で」と伝えると、LPを組み立ててくれる。今日ずっと触っているのがこれ。
Cloudflare — 公開
無料でURLを出す土台
作ったLPをネットにのせて、共有できるURL（◯◯.pages.dev）を発行してくれるサービス。個人でも無料で始められる。
むずかしい仕組みは、覚えなくていい。主役はいつも、あなたの"目"。道具は、この2つだけ。
10
Share
できた1本を、
見せ合おう。
「どこを、どう直したか」を
ひとことで。
直した理由を言葉にすると、それが自分の"目"になります。
今日の1本は、そのまま発信のネタになります。
11
Make one.
Kumo Design · 2026.08.06