01
目的を決める
お客様が行うこと
問い合わせを増やす、会社の信用を伝える、来店前の不安を減らすなど、サイトが果たす役割を1つに絞ります。
AIに頼めること
事業内容から目的候補と想定読者を整理させます。
専門家が確認すること
目的が広すぎないか、実際の事業と合っているかを判断します。
プロンプト例
私は「○○」を提供しています。Webサイトの主な目的と想定読者を3案ずつ提案してください。Flow
制作の流れ
まずは自分で作ってみてください。目的から公開まで、AIを使って進める具体的な手順を公開します。
Try It Yourself
技術やノウハウを独り占めにするつもりはありません。
自分でできるところは、自分で進めた方がよいと考えています。AIを使えば、以前よりも個人でWebサイトを作りやすくなりました。まずは以下の順序で試してみてください。
途中まで作ったHTML、原稿、画像、WordPressサイトからでも引き継げます。難しい部分だけを依頼する方法でも構いません。
02
必要なページを決める
お客様が行うこと
トップ、サービス、料金、会社概要、FAQ、お問い合わせなど、目的に必要なページだけを選びます。
AIに頼めること
業種・目的・ページ数の上限を伝え、サイトマップ案を作らせます。
専門家が確認すること
ページの重複を減らし、問い合わせまでの導線を設計します。
プロンプト例
○○業の会社サイトを8ページ以内で作ります。各ページの役割と掲載項目を提案してください。03
事業情報を集める
お客様が行うこと
サービス内容、料金、対応地域、実績、よく聞かれる質問など、事実情報を箇条書きにします。
AIに頼めること
不足している情報を質問形式で洗い出させます。
専門家が確認すること
公開できない情報や、誤解を招く表現がないか確認します。
プロンプト例
Webサイト原稿を作るため、私に確認すべき質問を20個、重要な順に聞いてください。04
原稿の下書きを作る
お客様が行うこと
箇条書きの情報から、見出しと本文を作ります。最初から完璧な文章を目指す必要はありません。
AIに頼めること
読者、目的、禁止表現、文字数を指定して下書きを作らせます。
専門家が確認すること
事実確認、言い過ぎ、AIらしい一般論を修正します。
プロンプト例
以下の事実だけを使い、初めての人にも伝わるサービス紹介を600文字で作成してください。事実を追加しないでください。05
デザインの方向を決める
お客様が行うこと
全体的な雰囲気を決めます。カジュアル系かフォーマル系、インパクト重視か読みやすさ重視かなど、大きな方向性を選びます。
AIに頼めること
配色案、レイアウト案、画像の方向性を複数提案させます。
専門家が確認すること
見やすさ、業種との相性、スマートフォン表示を判断します。
プロンプト例
信頼感・落ち着き・読みやすさを重視したWebサイトのデザイン方針を3案提案してください。06
HTMLやWordPressで組み立てる
お客様が行うこと
更新頻度を相談します。更新の頻度によって、HTML・CSS・JavaScriptを中心とした静的サイトにするか、WordPressを組み合わせるかなど、適したシステムを選びます。
AIに頼めること
コードのひな型、CSS、JavaScript、WordPressテーマ作成を補助させます。
専門家が確認すること
セキュリティ、保守性、サーバー環境、表示崩れを確認します。
プロンプト例
HTML・CSS・JavaScriptで、スマートフォン対応の会社サイトのトップページを作成してください。ファイルを分けてください。07
実機で確認する
お客様が行うこと
パソコンとスマートフォンで、文字、画像、リンク、フォーム、表示速度を確認します。
AIに頼めること
チェックリストと修正候補を作らせます。
専門家が確認すること
複数端末・ブラウザで動作を確認し、公開できる状態を判断します。
プロンプト例
Webサイト公開前に確認すべき項目を、内容・表示・SEO・安全性に分けて作成してください。08
公開して改善する
お客様が行うこと
公開後にアクセスや問い合わせを確認し、わかりにくい部分を追加・修正します。
AIに頼めること
改善案、FAQ追加案、記事テーマを提案させます。
専門家が確認すること
データと事業状況を踏まえ、改善の優先順位を決めます。
プロンプト例
公開したWebサイトを改善するため、確認すべき数字と改善案の考え方を整理してください。When to Ask
次の状態になったら、専門家へ依頼する目安です。
判断に時間がかかる
AIから多くの案が出るものの、どれを選べばよいかわからなくなった。
表示が安定しない
パソコンでは見えるが、スマートフォンで崩れる。修正すると別の場所が崩れる。
公開が不安
サーバー、ドメイン、WordPress、フォーム、SSL、セキュリティの設定がわからない。
文章が一般論になる
AIが作る文章はきれいだが、自社ならではの違いが伝わらない。
時間を使いすぎている
本業の時間を削り、制作費以上の時間をWebサイトへ使っている。
