EXAMPLE
目的が曖昧な導入
良い文章は、誰のどんな行動を助けるかが見えます。
BEFORE
私たちは高品質なサービスを提供しています。
AFTER
初めて相談する人が、料金と流れを確認してから問い合わせできます。
MY WORKSPACE
VISION NOTE
やりたいこと整理ノートの保存内容はまだありません。
出力できるもの
保存済みの内容をもとに、AI用設計書を作れます。バックアップ用にJSON、共有や確認用にMarkdownを書き出せます。
Learning Article / Lesson 00
Webページ作成を、デザイン作業ではなく目的達成のためのマーケティング設計として理解します。
Story
はじめてページを作る人は、最初に『かっこいい見出し』を探しがちです。でも実際の制作者は、いきなり言葉を飾りません。机の上に白紙のノートを置き、まず『誰が、何に困っていて、最後に何をしてほしいのか』を書き出します。ここが決まると、デザインもコピーも急に選びやすくなります。
Analogy
内装を決める前に、誰が来る店なのか、何を買って帰る店なのかを決めるのと同じです。高級店と相談窓口では、入口の言葉も、棚の並べ方も、声のかけ方も変わります。
Why Learn This
AIでページを作れる時代でも、何を達成したいのか、誰に何を伝えるのかが曖昧なままだと、見た目だけ整った弱いページになります。最初にこのレッスン全体の目的を理解すると、ブロック、コピー型、デザインテーマを丸暗記ではなく判断材料として使えるようになります。
広告やセールスレターは昔から、見た人に問い合わせ、購入、資料請求などの反応を起こしてもらうために作られてきました。Webページも同じで、デザイン、コピー、導線はすべて読者の判断を助けるためにあります。だからこのコースでは、装飾より先に目的、読者、価値、証拠、行動を学びます。
最初にマーケティングの意味を理解し、次にLPとWebサイトの違い、コピー型、オファー、反論処理、CTAへ進みます。最後に辞典や図鑑を使い、AIに渡せる言葉へ変換します。この順番で学ぶと、AIが作るページの良し悪しを判断しやすくなります。
AIへ『いい感じのLPを作って』と頼むと、よくあるテンプレートに寄りがちです。目的、読者、商品価値、コピー型、デザイン方針を言語化して渡すことで、生成結果の質が上がります。
Before / After
EXAMPLE
良い文章は、誰のどんな行動を助けるかが見えます。
BEFORE
私たちは高品質なサービスを提供しています。
AFTER
初めて相談する人が、料金と流れを確認してから問い合わせできます。
Self Check
このページで最後にしてほしい行動を1つ言える
誰に向けたページかを一文で言える
AIに渡す前に、目的・読者・行動を書き出している
AI Prompt
このページの目的は問い合わせです。対象は初めて比較検討している人です。読者が不安なく問い合わせできるように、必要な情報の順番を提案してください。
Next Action