Nanoha AI Lab

BLOG

ブログ

画像・動画などの生成AIの最新ニュース、仕事に使えるAI活用、ホームページ・デザイン制作のコツまで、クリエイターやフリーランスの活動に役立つ情報をわかりやすくお届けします。

AI時代にWeb制作の仕事はどう変わる?これから求められる役割

「これ、AIで作れちゃうんですよね?」とお客さまに言われて、返す言葉に詰まったことはありませんか。

これまで時間をかけていた作業が短くなるほど、自分の経験まで価値を失ったように感じるかもしれません。

不安なまま制作の速さだけを競うと、値下げを先に考えたり、新しい機能を追い続けたりして、顧客が依頼したい理由を見失いやすくなります。

ただし、Web制作の仕事が一律になくなるとも、そのまま残るとも言い切れません。

変わるのは、制作に使う手段だけではなく、顧客が制作者へ頼みたい内容です。

顧客が自分で形を作れる場面が増えても、目的を整理し、選択肢を比べ、公開できる状態かを確かめる場面は残ります。

自分が担ってきた仕事を分けて見直すと、これから伸ばす役割が見えてきます。

この記事では、AI時代のWeb制作で変わりやすい仕事と残りやすい役割を整理し、今の技能から新しい提案を1つ作る方法まで説明します。

1. 変わるのは制作作業だけではなく依頼の理由

「変わるのは制作作業だけではなく依頼の理由」と手書きされたホワイトボード、人差し指を立てて紹介する公式キャラクター

最初に見直したいのは、「何を作れるか」ではなく、「顧客はなぜ自分に頼むのか」です。

AIを使うと、顧客自身が文章の案を出したり、ページの見本を作ったり、必要な情報を調べたりできる場面が増えます。

小規模な告知ページや社内向けの仮ページなら、顧客が自分で作って目的を果たせることもあります。

一方で、顧客が作業を始められることと、事業に合うWebサイトを判断して公開できることは同じではありません。

顧客が本当に求めているのは、ページそのものより、その先にある問い合わせ、採用、予約、販売、信頼づくりかもしれません。

目的が違えば、必要なページ、伝える順番、集める情報、公開後に見る数字も変わります。

そのため、制作の一部を顧客が自分で進められるようになるほど、依頼の理由は次のように変わっていきます。

これまで依頼されやすかったこと

これから依頼理由になりやすいこと

Webサイトの形を一から作る

事業の目的に合う構成を決める

文章や画像を用意する

顧客へ伝わる内容かを選び直す

指示どおりにページを仕上げる

指示に足りない情報や矛盾を見つける

公開作業を代行する

公開前の品質とリスクを確認する

完成したデータを納品する

公開後も改善できる状態を整える

大切なのは、「顧客が自作できるなら、制作者は不要」と急いで結論を出さないことです。

自作で十分な案件もあれば、途中まで自作してから判断や仕上げだけを頼みたい案件もあります。

最初から設計と制作をまとめて任せたい顧客もいます。

制作者が担う範囲は、顧客の知識、社内の人手、サイトの目的、扱う情報、公開後の運用によって変わります。

たとえば、顧客が自分でトップページの案を作ったとします。

その案にサービスの特徴が並んでいても、初めて訪れた人が対象者や依頼方法を理解できるとは限りません。

このとき制作者が提供できるのは、案をきれいに作り直すことだけではありません。

顧客へ「誰が、どんな場面で、このページを読むのか」と質問し、情報の順番を整理することも仕事です。

まずは、最近の依頼を1件選んでください。

顧客が自分でもできた作業と、顧客だけでは決めにくかった場面を分けて書き出しましょう。

後者に、自分がこれから伝えやすくなる役割が隠れています。

2. 制作時間と提供価値を分けて考える

「制作時間と提供価値を分けて考える」と手書きされたホワイトボード、人差し指を立てて紹介する公式キャラクター

AIで作業時間が短くなったときは、減った時間と、顧客へ渡しているものを分けて考えましょう。

制作が早く終わると、「短時間でできたのだから、料金も同じ割合で下げるべきだろうか」と悩みますよね。

しかし、Web制作の仕事には、画面を作る時間以外も含まれています。

顧客への聞き取り、要件の整理、情報の確認、修正方針の判断、公開前のテスト、納品時の説明には、人が担う時間と責任が残ります。

AIに下書きを任せても、その内容が顧客の事業や利用者の状況に合うかは、別に確認することになります。

作業が早くなったところだけを見ていると、これまで気づかずにやっていた判断や確認を、自分でも数えられなくなります。

まず、直近の案件で使った時間を次の5つに分けてみてください。

  • 目的を理解する時間
    顧客への聞き取り、事業内容の確認、対象者と目標の整理
  • 形にする時間
    構成、文章、デザイン、実装など、制作物を作る作業
  • 確かめる時間
    表示、操作、文章、権利、公開設定などの確認
  • 合意を作る時間
    選択肢の説明、修正内容の確認、関係者との認識合わせ
  • 届けた後を支える時間
    納品説明、更新方法の案内、公開後の改善や相談

AIで短くなりやすいのは、このうち「形にする時間」の一部です。

調査や比較、確認の下準備も短くなる案件があります。

それでも、顧客が何を目指すかを決めることや、公開の判断に責任を持つことまで自動で済むわけではありません。

顧客が受け取るものから価値を言葉にする

顧客へ渡しているものを考えるときは、自分がやった作業ではなく、顧客が受け取る状態へ言い換えると分かりやすくなります。

たとえば、「ページを3枚作る」は作業の説明です。

これを「初めて訪れた人が、サービスの対象と問い合わせ方法を迷わず確認できる状態にする」と言い換えると、制作者が何を考え、何を確かめるのかが見えます。

次の4つを書き出してみましょう。

  • 顧客が制作前に困っていたこと
  • 制作者が整理し、判断し、作ったこと
  • 納品時に顧客が自分でできるようになったこと
  • 公開後も制作者が確認または支援すること

成果を約束する必要はありません。

問い合わせ数や売上は、商品、価格、集客、営業対応など、Webサイト以外の条件にも左右されます。

制作者が説明するのは、目的に向けて何を整え、どこまで確認するかです。

「何時間作業したか」と「顧客が何を判断でき、どんな状態を受け取るか」を分けると、AIを使った後も見積もりの根拠を説明しやすくなります。

作業時間が減った分を、確認をていねいにする、案を複数出して比べる、顧客へ説明する、公開後に振り返る、へ回す方法もあります。

速く作れることだけを価値にせず、顧客にとって必要な品質へ時間を配り直します。

3. 顧客の判断を助ける役割が残る

「顧客の判断を助ける役割が残る」と手書きされたホワイトボード、人差し指を立てて紹介する公式キャラクター

これから伸ばしやすいのは、顧客が1人では決めにくい場面で、判断材料を整理する役割です。

AIは案を増やすことが得意でも、候補が増えるほど、顧客がどれを選ぶべきか迷う場合があります。

「3つの案を作りました」と渡すだけでは、顧客が違いを理解できず、好みだけで選ぶことになるかもしれません。

出した案が「なんとなく」で選ばれると、もったいないですよね。

制作者は、選択肢と一緒に、目的、違い、注意点、すすめる理由を説明します。

顧客の判断を助けやすいのは、主に次の4つの場面です。

  • 目的を整理する場面
    誰に何を伝え、Webサイトを見た人に何をしてほしいかを決める
  • 選択肢を比べる場面
    費用、制作期間、更新のしやすさ、必要な人手などの違いを示す
  • リスクを説明する場面
    確認できていない情報、利用条件、権利、個人情報の扱いなど、公開前に判断が必要な点を伝える
  • 公開できるか確かめる場面
    文章、表示、操作、問い合わせ方法、公開設定が依頼内容と合うかを確認する

正解を決めるのではなく、選べる状態を作る

制作者が顧客の代わりに、事業上の正解をすべて決めるわけではありません。

制作者の役割は、専門知識を使って選択肢を整理し、顧客が納得して決められる状態を作ることです。

たとえば、更新しやすさを優先する案と、表現の自由度を優先する案があるとします。

制作者は、双方の違いと運用に必要な人手を説明できます。

どちらが事業に合うかは、顧客が社内の体制や予算と照らして決めます。

この線引きを明確にすると、顧客へ任せる判断と、制作者が責任を持つ確認を混同しにくくなります。

顧客へ渡す説明は、長い資料でなくても問題ありません。

1枚のメモに、次の項目をまとめるだけでも判断しやすくなります。

  • 今回の目的と優先順位
  • 比較した選択肢
  • 制作者がすすめる案と理由
  • 今回は対応しない範囲
  • 公開前に顧客が決めること
  • 制作者が確認すること
  • 専門家や公的情報の確認が必要なこと

法務、権利、決済、安全性などに専門的な判断が必要な場合は、制作者だけで問題の有無を断定しないでください。

顧客へ確認が必要な理由を伝え、該当する公的情報や専門家へ確認する範囲を整理しましょう。

AIを使った範囲も説明できるようにする

AIを制作へ使う場合は、利用の有無だけでなく、何に使い、人が何を確認したかを説明できるようにしておくと安心です。

たとえば、「文章の案出しに使い、事実、固有名詞、顧客の表現方針は担当者が確認した」と伝えれば、作業と確認の分担が見えます。

顧客から預かった情報をどこまで入力できるかは、利用するサービスの規約、設定、顧客との契約や社内ルールを確認して決めてください。

AIが作った内容をそのまま渡すのではなく、人が選んだ理由、確認した範囲、まだ判断が必要な点をセットで伝えましょう。

説明できるようにしておくと、顧客の不安が減ります。

自分の確認漏れにも気づけます。

4. 「作る」以外の小さなサービスを設計する

「「作る」以外の小さなサービスを設計する」と手書きされたホワイトボード、人差し指を立てて紹介する公式キャラクター

新しい仕事を考えるときは、大きな商品を一から作るより、今の制作工程から一部分を切り出してみましょう。

顧客がWebサイトを丸ごと依頼しなくても、「ここだけ判断を手伝ってほしい」と感じる場面はあります。

その困りごとを、小さく頼める単位に整えると、制作前後の仕事として提案しやすくなります。

無償で受けているうちに、頼まれごとが増えていませんか。

今の技能から始めやすいのは、次のような形です。

小さなサービスの例

顧客の困りごと

渡すものの例

公開前の確認

自作したページを公開してよいか不安

確認結果と修正の優先順位

目的と構成の相談

何を載せるべきか決められない

ページ構成案と準備する情報の一覧

文章の整理

自社の説明を短くまとめられない

見出し案、文章案、確認事項

更新方法の整理

納品後の更新を続けられない

更新手順と担当者ごとの役割

公開後の振り返り

どこから改善すべきか分からない

現状の確認と次に試す改善案

挙げた名称を、そのまま使う必要はありません。

自分の顧客が実際に使う言葉へ置き換えてください。

たとえば「情報設計相談」より、「ホームページに何を載せるか一緒に整理します」の方が、顧客に内容が伝わる場合があります。

頼める範囲を先に決める

小さなサービスは、範囲が曖昧なままだと、相談のたびに作業が増えてしまいます。

案内を作る前に、次の6つを決めましょう。

  • 対象者
    どのような顧客の、どの状態を対象にするか
  • 受け取るもの
    URL、文章、画像、現在の悩みなど、顧客から何を受け取るか
  • 行うこと
    制作者がどこを確認し、何を整理するか
  • 渡すもの
    資料、文章案、打ち合わせ、確認結果など、何を納品するか
  • 含まないこと
    修正作業、追加ページ、専門判断など、別の依頼になる範囲は何か
  • 条件
    対象ページ数、打ち合わせ回数、修正回数、納期、料金をどうするか

料金を決めるときは、作業時間だけでなく、事前確認、連絡、納品準備、修正対応に必要な時間も含めて考えてください。

金額を案内するときは、税込かどうかも書きましょう。

また、「診断」「確認」「相談」といった言葉だけで、確認範囲が顧客へ伝わるとは限りません。

自動で確認するのか、人が見るのか、修正を含むのか、専門的な安全確認まで含むのかを具体的に書いてください。

すべてを自分で提供しようとしなくても大丈夫です。

自分の専門外は対象から外し、手に余るときは他の制作者や専門家へ相談する、と決めておきます。

5. 1人の顧客へ新しい提案を1つ試す

「1人の顧客へ新しい提案を1つ試す」と手書きされたホワイトボード、人差し指を立てて紹介する公式キャラクター

役割を見直したら、最初から多くの人へ売ろうとせず、1人の顧客へ小さな提案を試しましょう。

新しいサービスを公開しようとすると、名前、料金表、申込ページまで先に作りたくなります。

まずは、以前に制作を依頼してくれた顧客や、今も連絡を取れる顧客を1人選んでください。

その顧客が現在困っていることを聞き、解決できそうな一部分だけを提案しましょう。

困りごとは質問してから決める

制作者が提供したい内容から話し始めると、顧客の悩みとずれることがあります。

「AIを使えば早くできます」ではなく、納品後や運用中に何が止まっているかを聞いてみましょう。

たとえば、次のように質問できます。

  • ホームページを更新するとき、いちばん時間がかかるのはどこですか
  • お客様から、同じ質問を何度も受けることはありますか
  • サービス内容が変わったとき、誰が文章を直していますか
  • 公開したい情報があるのに、止まっているページはありますか
  • 制作会社へ頼むほどではないけれど、気になっていることはありますか

顧客の返事を聞いたら、困りごとの背景まで確認してください。

「更新できない」という言葉の中には、操作が分からない、文章を決められない、社内確認が進まない、担当者がいないなど、異なる原因があります。

原因が違えば、提案する内容も変わります。

最初の提案は小さく区切る

困りごとが見えたら、最初の提案を次の順番で組み立てましょう。

  1. 顧客が困っている場面を1つ確認する
  2. 今回の目標を1つ決める
  3. 制作者が行う作業と、顧客にお願いする準備を分ける
  4. 渡すもの、納期、料金、修正回数を決める
  5. 今回は含めない作業を伝える
  6. 終了後に、役に立った点と足りなかった点を聞く

たとえば、毎月のお知らせ更新が止まっている顧客なら、いきなり長期の運用契約を提案する必要はありません。

まずは1回分のお知らせについて、材料の整理、文章案の作成、掲載前の確認までを小さく区切る方法があります。

提案するときは、「まず1回分だけ、更新に必要な材料と文章の形を一緒に整理しませんか」と伝えると、試す範囲が見えます。

無償で試す場合も、有償で受ける場合も、作業範囲と終了条件は先に共有してください。

範囲が分からないまま始めると、顧客はどこまで頼めるか判断できず、制作者も追加対応を断りにくくなります。

反応を役割の見直しに使う

1回の提案で、完成したサービスを作ることが目的ではありません。

顧客の反応から、自分が次に担う役割を調整することが目的です。

終了後は、次の点を聞いてみましょう。

  • 依頼前より判断しやすくなったこと
  • 説明が足りなかったこと
  • 顧客が自分で続けられそうなこと
  • 次も制作者へ頼みたいこと
  • 今回の範囲に含めなくてよかったこと

顧客が「文章を作ってもらえたことより、何を伝えるか一緒に決められたことが助かった」と話したなら、文章作成より目的整理に価値を感じている可能性があります。

反対に、相談よりも更新作業そのものへの要望が強ければ、運用支援として設計し直す余地があります。

1件の反応だけで市場全体を判断せず、複数の顧客から似た困りごとが出るかを確かめてください。

明日は、連絡しやすい顧客を1人選び、「制作後に止まっていることはありませんか」と聞くところから始めましょう。

大きな方向転換を決める前に、1人へ1つの提案を試せば十分です。

まとめ

「まとめ」と手書きされたホワイトボードとひよこの落書き、人差し指を立てて紹介する公式キャラクター
  • 顧客が自作できる範囲と、顧客だけでは決めにくい場面を分ける
  • 制作にかけた時間と、顧客へ渡しているもの(目的の整理・確認・説明・責任)を分ける
  • 選択肢、理由、注意点を整理し、顧客が判断できる状態を作る
  • 今の制作工程から、相談・確認・文章整理・運用支援を小さく切り出す
  • 1人の顧客へ1つだけ提案し、反応から役割と範囲を調整する

仕事の将来を1度に決めようとすると、考える範囲が大きくなりすぎます。

まずは直近の案件を1件選び、「顧客だけでは決めにくかった場面」を3つ書き出してみましょう。

その中から、次の顧客へ提案できる役割を1つ選んでください。

---

関連記事

NEXT STEP

「AI、どう使えばいい?」
から、お気軽にどうぞ!

ChatGPTのはじめ方から、ブログやホームページの相談まで。
小さな会社のAI活用を、一歩ずつ、いっしょに進めていきます!

次に直す一手を、記事から持ち帰ってください。