本文へ進む
やってみたいことを探す制作実績

1課題だけを、落ち着いて読むページ

探すページから開いた場合は、元のタブに一覧が残ります

学ぶことを探すページへ
表現の工房WEB-02Webサイト・LPコンテンツ前の完成品を育てる課題ですChatGPT無料版でできる

初めて来た人が迷わない、7ページのサイト地図を描こう

今日手元に残るもの

7ページの目的と移動、初回客・比較中・既存顧客の三導線、読後行動、スマホワイヤーフレーム

時間の目安

最初の完成まで 10〜20分

終わりの合図

開けた・使えた・保存できた

この課題の10ステップを見る
どの課題も、この順番でOK/材料を入れる → プロンプトを送る → 試す → 直す → 保存する

01

今日はこれを作る

最初に、今日手元に何が残れば終わりかだけ見ます。全部を覚える必要はありません。

今日できあがるもの

7ページの目的と移動、初回客・比較中・既存顧客の三導線、読後行動、スマホワイヤーフレーム

最初の完成まで 10〜20分。説明や画像だけでなく、実物を開けたら次へ進みます

02

材料をAIに渡す

下の材料を用意して、ChatGPTに入れます。

今回のおすすめ作業画面:Work材料:前の完成物

今回使う材料

WEB-01の掲載可情報だけをページへ割り振ります。

材料の入れ方前の完成物を使う
  1. 1上に書かれた方法で、前の完成物を用意する
  2. 2材料がそろったら、下のプロンプトを送る

Workが表示されるならそこで続けます。なければChatへ同じ内容を送って進めます。

ChatGPTの設定と詳しい使い方
ChatGPT無料版でできる無料・有料・Codexマークの見方

ChatGPTの無料版で始めやすい課題です。上限に達したら、時間を置いて続けます。

03

ChatGPTに送るプロンプト

プロンプトは、ChatGPTにそのまま貼る指示文です。上に書かれた前の完成物を用意してから、下の文を送ります。

トップ、サービス、料金、利用の流れ、会社、よくある質問、問い合わせの7ページにしたい。初めて来た人、比べてる人、もう使ってる人が、それぞれ迷わず必要な所へ行ける地図とスマホ画面を描いて。各ページを読んだ後に何を押すか一つ決めて。

04

AIの答えを確認して試す

最初から完璧でなくて大丈夫。まず一度、自分で動かしてみます。

1AIから出てくるもの

7ページの目的と移動、初回客・比較中・既存顧客の三導線、読後行動、スマホワイヤーフレーム

自分で試すのは、これだけ

三人の入口から目的ページまで指でたどる

全ページからホームと問い合わせへ戻れるか見る

スマホ画面で主ボタンが一画面に一つか確認する

行き止まりを一つ作り、リンク表で見つける

05

仕上がりをよくするコツ

気になるものを一つ選んで、ChatGPTに伝えます。

リンクが多い

「そのページの次に必要な行動を一つ、補助リンクを二つまでにして」

既存客が迷う

「FAQと問い合わせをメニューの同じ位置へ固定して」

06

やりがちなミス

見つけた数:0 / 5

当てはまる所を見つけたら、上のコツを使って直します。

これは合格・不合格を決めるものではありません。保存状態を確認しています。

07

ここまでできたら完成

AIの「できました」で終わらせません。実物を開いて使い、この課題の完成条件を確かめます。

01

三人が別の経路で目的へ到達できた

02

7ページすべての目的と読後行動が一つずつ決まった

03

スマホ画面とリンク表で行き止まりを直した

Workで作った物を保存するプロンプト

サイトマップ、三導線、7ページのスマホワイヤー、リンク表を「02_7ページサイト地図」に保存して。

共通の保存メモChatでできた物は、自分で保存

Chatの返答欄にファイルができたらダウンロードして「完成」フォルダへ移します。文章だけなら、全文をコピーしてテキストやWordへ貼って保存します。保存した物をもう一度開けた時に「残せた」とします。

できたことを手元に残す

作ったものや気づいたことを、自分のメモに残しておきましょう。

08

自分の仕事なら

今作ったものを、明日の仕事で使える形に変えます。

店舗サイトなら初回客の「料金を見る→空きではなく問い合わせる」導線だけを先に試します。

本物の顧客名、個人情報、社外秘の資料へ置き換える前に、会社のルールと閲覧権限を確かめます。

09

つまずいたところを整理する

どこまでできて、どこで止まったか。短い言葉で大丈夫です。

うまくいかなかった点をメモする

「やりたかったこと」「試したこと」「実際の結果」を並べると、次に試すことが見つけやすくなります。

メモは自分の端末へ。サイトへの質問の受付は終了しています。

10 / 任意

次に進みたい方へ

やりたい人だけ

ここで完成です。続ける方だけ、下の文を送ります。

次にすること

最初の画面を三方向で見比べよう

続けるための追加プロンプト

追加のプロンプト

同じ事実から、安心が伝わる、すぐ相談できそう、迷わず分かる、の三つの最初の画面をPCとスマホで作って。

進め方は3つだけ

  1. 1今使っているChatまたはWorkを、そのまま続ける
  2. 2下の追加プロンプトをコピーして送る
  3. 3出てきた物を見て、必要な所だけ一つ直す
止まったら、つまずいた点を整理する

今作った物の、ここを使います

トップの目的、対象者、最初の行動と確認済み事実を使います。

できるようになること

安心・速さ・分かりやすさの三案から入口を選べます。

次に作りたい物を探す。

探すページから開いた場合は、元のタブへ戻って次の教科書を選べます。直接このページを開いた方は、右のボタンから探せます。

教科書を探す