最初の画面を3案作り、「もっと見たい」一案を選ぼう
今日手元に残るもの
同じ事実から作る「安心」「速さ」「分かりやすさ」のPC・スマホ第一画面三案、比較表、採用案
時間の目安
最初の完成まで 10〜20分
終わりの合図
開けた・使えた・保存できた
この課題の10ステップを見る
01
今日はこれを作る
最初に、今日手元に何が残れば終わりかだけ見ます。全部を覚える必要はありません。
今日できあがるもの
同じ事実から作る「安心」「速さ」「分かりやすさ」のPC・スマホ第一画面三案、比較表、採用案
02
材料をAIに渡す
下の材料を用意して、ChatGPTに入れます。
今回使う材料
WEB-01の事実とWEB-02のトップ目的・CTAを使います。
材料の入れ方前の完成物を使う
- 1上に書かれた方法で、前の完成物を用意する
- 2材料がそろったら、下のプロンプトを送る
Workが表示されるならそこで続けます。なければChatへ同じ内容を送って進めます。
ChatGPTの設定と詳しい使い方画像・音声・動画を何度も作り直すため、有料版がおすすめです。
03
ChatGPTに送るプロンプト
プロンプトは、ChatGPTにそのまま貼る指示文です。上に書かれた前の完成物を用意してから、下の文を送ります。
最初に見える所を三案ほしい。同じ内容で、安心できる感じ、早く相談できそうな感じ、何をしてくれるか分かりやすい感じ。見出し、短い説明、ボタン、画像までPCとスマホで実際に見せて。No.1とか作った実績は入れないで。
04
AIの答えを確認して試す
最初から完璧でなくて大丈夫。まず一度、自分で動かしてみます。
1AIから出てくるもの
同じ事実から作る「安心」「速さ」「分かりやすさ」のPC・スマホ第一画面三案、比較表、採用案
自分で試すのは、これだけ
三案を同じ画面幅で並べる
三秒見て誰向け・何をする会社・次の行動を答える
スマホ幅で主ボタンと見出しの切れを見る
採用案と不採用理由を自分で記録する
05
仕上がりをよくするコツ
気になるものを一つ選んで、ChatGPTに伝えます。
三案が色違いだけ
「見出しの約束、画像の距離、ボタン文も方向ごとに変えて」
説明が長い
「誰の何をどう助けるかを二行へ絞って」
06
やりがちなミス
見つけた数：0 / 5
当てはまる所を見つけたら、上のコツを使って直します。
これは合格・不合格を決めるものではありません。保存状態を確認しています。
07
ここまでできたら完成
AIの「できました」で終わらせません。実物を開いて使い、この課題の完成条件を確かめます。
PC・スマホの三案を実際に開けた
三秒で対象・サービス・次の行動を説明できた
事実差がなく採用案と理由を人が選んだ
Workで作った物を保存するプロンプト
PC・スマホ三案、比較、採用案、理由を「03_第一画面3案」に保存して。使わなかった案も版として残して。
共通の保存メモChatでできた物は、自分で保存
Chatの返答欄にファイルができたらダウンロードして「完成」フォルダへ移します。文章だけなら、全文をコピーしてテキストやWordへ貼って保存します。保存した物をもう一度開けた時に「残せた」とします。
できたことを手元に残す
作ったものや気づいたことを、自分のメモに残しておきましょう。
08
自分の仕事なら
今作ったものを、明日の仕事で使える形に変えます。
求人サイトなら安心・成長・働き方の三方向へ置き換え、事実は採用責任者が確認します。
本物の顧客名、個人情報、社外秘の資料へ置き換える前に、会社のルールと閲覧権限を確かめます。
09
つまずいたところを整理する
どこまでできて、どこで止まったか。短い言葉で大丈夫です。
うまくいかなかった点をメモする
「やりたかったこと」「試したこと」「実際の結果」を並べると、次に試すことが見つけやすくなります。
メモは自分の端末へ。サイトへの質問の受付は終了しています。
10 / 任意
次に進みたい方へ
ここで完成です。続ける方だけ、下の文を送ります。
次にすること
読み進めるほど相談したくなる1ページへしよう
続けるための追加プロンプト
追加のプロンプト
採用案から、悩み、解決、特徴、頼む流れ、料金、FAQ、相談ボタンまで一ページにつないで。架空の口コミで盛らないで。
進め方は3つだけ
- 1今使っているChatまたはWorkを、そのまま続ける
- 2下の追加プロンプトをコピーして送る
- 3出てきた物を見て、必要な所だけ一つ直す
今作った物の、ここを使います
採用した第一画面と事実台帳、利用者導線を使います。
できるようになること
入口が悩みから料金・FAQ・相談まで続くLPになります。
この内容を詳しく学ぶ教材
WEB-04「読み進めるほど相談したくなる、1ページの案内サイトを書こう」