EXAMPLE
全体像がないページ
順番には、読者の疑問に答える役割があります。
BEFORE
トップに挨拶、次に特徴、最後に問い合わせをなんとなく置く。
AFTER
読者の不安、選ぶ理由、料金、流れ、FAQ、問い合わせの順に判断材料を置く。
MY WORKSPACE
VISION NOTE
やりたいこと整理ノートの保存内容はまだありません。
出力できるもの
保存済みの内容をもとに、AI用設計書を作れます。バックアップ用にJSON、共有や確認用にMarkdownを書き出せます。
Learning Article / Lesson 03
目的整理から公開後の改善まで、ページが完成に近づく流れを把握します。
Story
制作会社が手早くページを作れるのは、センスだけではありません。ヒアリング、整理、構成、コピー、デザイン、確認という順番を何度も通っているからです。このシステムは、その順番を初心者でもたどれるように分解しています。
Analogy
火をつける前に材料を切り、味付けの方針を決めると失敗しにくくなります。Web制作の下ごしらえは、目的、ターゲット、サービス理解です。
Why Learn This
Web制作に詳しくない人ほど、いきなり文章やデザインから始めると迷いやすくなります。最初に全体像を知っておくと、今の入力がページのどこに効くのか、何を後回しにしてよいのかを判断しやすくなります。
サービス内容、料金、強み、他との違い、よくある不安を整理し、LPなら縦長の行動導線、Webサイトならトップ、メニュー、アクセス、FAQなどの情報整理へ変換します。コピーはこの構成に合わせて書きます。
Before / After
EXAMPLE
順番には、読者の疑問に答える役割があります。
BEFORE
トップに挨拶、次に特徴、最後に問い合わせをなんとなく置く。
AFTER
読者の不安、選ぶ理由、料金、流れ、FAQ、問い合わせの順に判断材料を置く。
Self Check
制作工程を目的から公開後改善まで説明できる
LPとWebサイトで構成を分けて考えている
未入力でも仮公開し、後から補完する前提を持っている
AI Prompt
目的整理、ターゲット整理、サービス理解、構成、コピー、デザイン、公開前チェック、公開後改善の順で、足りない情報をリスト化してください。
Next Action