Web制作のヒアリングで何を聞く？デザイン前に確認したい3つの目的

デザインやコーディングはできる。

でも、「なぜこの構成にしたのですか」と聞かれると、説明に迷ってしまう。
そんなWebデザイナー・コーダーに向けた記事です。

Web制作のヒアリングでは、最初に

「事業で何を変えたいか」
「サイトにどこを担わせるか」
「訪問者にどんな行動を取ってほしいか」

を確認します。

この3つを分けると、
必要な情報、ページの順番、ボタンの役割を具体的に考えられます。

「かっこいいサイトにしたい」と言われたとき、
参考サイトを探す前に、もう一歩だけ聞いてみてください。

その見た目で、誰に何を伝えたいのか。
そこが分かると、制作の判断に理由が生まれます。

Web制作のヒアリングは、見た目の好みだけでは足りない

好きな色、参考サイト、必要なページ数。
どれも制作に必要な情報です。

ただ、それだけでは、意見が分かれたときの判断基準が足りません。

例えば「ファーストビューに大きな写真を置きたい」という要望。
施設の雰囲気を知ってもらいたいのか、商品の使い方を伝えたいのかで、
選ぶ写真も添える言葉も変わります。

見た目の要望には、理由があります。

正直、「おしゃれにしてください」だけで期待どおりの提案を組み立てるのは難しいです。
あなたのセンスだけで埋めようとせず、相手が望む変化を言葉にしてもらいましょう。

ヒアリングで最初から事業戦略の答えを出す必要はありません。
分かっていることと、まだ確認できていないことを整理するところから始められます。

制作前に確認したい、3つの目的

ここでは、Web制作の相談を受け付けるサービスを架空例に使います。
実在する企業の実績や改善結果ではありません。

確認すること	質問例	架空の相談サービスでの回答例
事業の目的	今回の制作で、事業のどんな状態を変えたいですか？	対応できる範囲で、条件の合う顧客との契約を増やしたい
サイトの役割	そのために、サイトで何を理解・判断してもらいたいですか？	対応内容を理解し、自分に合うと判断した人の相談を支えたい
訪問者の行動	何を確認してから、どんな行動を取ってほしいですか？	対象・条件・事例を確認して、相談を予約してほしい

同じ「相談を増やす」という話でも、ここまで分けると、掲載すべき情報が見えてきます。

1．事業で何を変えたいのか

最初に聞くのは、サイトの完成形より、事業として望む変化です。

「売上を増やしたい」という回答なら、
「どのサービスを、どんなお客様に届けたいですか」と具体化します。
相談件数を増やしたいのか、条件の合う相談を増やしたいのかも確認しましょう。

例えば、対応できる案件数が限られているなら、問い合わせが増えることだけを成功にすると、
対象外の相談への対応が膨らむ可能性があります。

サイトの目的を決める前に、提供できる範囲を把握したいところです。

聞きづらければ、こんな言い方で十分です。
> 今回のサイトから、特にどんな相談が来るとうれしいですか？ 逆に、対応が難しい相談はありますか？
この答えは、サービス紹介や問い合わせフォームに載せる情報につながります。

2．その中で、サイトは何を担うのか

事業の目的が分かっても、すべてをサイトだけで解決できるとは限りません。
知ってもらうきっかけはSNS、詳しい説明はサイト、個別条件の確認は面談、という分担もあります。

サイトの役割を決めましょう。

先ほどの相談サービスなら、「サービスが自分に合うかを判断できる場所」と整理できます。
その役割なら、抽象的な強みを並べるだけでなく、対応範囲や依頼の流れを伝えたいはずです。

デザイナーなら、訪問者が比較したい情報を見つけやすい配置にする。
コーダーなら、相談までの導線やフォームの動きを、目的と結び付けて確認する。
役割が分かると、それぞれの専門性を使う場所も具体的になります。

なお、企業サイトの目的がいつも問い合わせ獲得とは限りません。
採用応募、既存顧客への案内、よくある問い合わせの削減など、サイトごとに確認が必要です。

3．訪問者に、何を確認してから行動してほしいのか

「予約してほしい」で終わらず、その前に何を知る必要があるかを考えます。

相談サービスの利用者なら、
「この内容も相談できる？」「準備するものは？」「予約後は何が起こる？」という疑問がありそうです。
ただし、これは制作側の仮説です。実際によく聞かれる質問を運営者に確認して、掲載情報を決めます。

確認できた迷い・疑問	掲載を検討する情報	制作への反映例
自分の相談が対象か分からない	対応範囲、対象外の内容	サービス説明の中で見つけやすく示す
相談で何を話すか分からない	当日の流れ、準備するもの	予約ボタンの前で確認できるようにする
予約が受け付けられたか分からない	受付完了の案内、次の手順	完了画面や通知内容を確認する

ボタンの色を変える前に、判断に必要な情報が足りているかを見てください。
迷いの原因が分かれば、デザインや実装で何を支えるべきかを話せます。

デザイナー・コーダーは、どこまで提案すればよい？

目的に関する疑問を共有することと、担当範囲を超えて仕様を変更することは分けて扱います。

デザイナーなら、「相談の流れが分かった後に予約できるよう、この順番にしたい」と構成の理由を伝えられます。
好みの説明とともに、訪問者の判断を支える説明ができます。

コーダーなら、「送信後の画面に、受付完了と次の手順を表示する仕様はありますか」と確認できます。
指定どおりにフォームを動かすだけでなく、利用者が操作後に困らないかという視点を持てます。

制作会社やディレクターから受けた仕事なら、まず担当者へ確認します。クライアントへ直接提案したり、
確認前に項目を増やしたりする必要はありません。

工数や仕様への影響がある変更は、対応範囲と合意をそろえてから進めます。

質問も、提案の一部です。

分からないことを隠して完成案を出すより、
「ここが確認できれば、この配置の理由を説明できます」と伝える方が、次の判断につながります。

次のヒアリングで使える、3つの質問

次の打ち合わせでは、この3問を手元に置いてみてください。

1. 今回のサイト制作で、事業のどんな状態を変えたいですか？
2. そのために、サイト上で何を理解・判断してもらいたいですか？
3. 訪問者に、何を確認してから、どんな行動を取ってほしいですか？

回答を聞いたら、「つまり、今回は〇〇の方が、△△を確認して、□□できるサイトを目指す、
という理解で合っていますか」と言い直します。

答えが出なかった項目は、未確認として残して構いません（そこで無理に決めないことも大切です）。
誰に、何を確認するかまで決めると、打ち合わせ後の動きが明確になります。

Web制作のヒアリングでよくある質問

ヒアリングシートに項目を増やせば十分ですか？

項目を増やすだけでは十分ではありません。回答を掲載情報や設計の判断に使うことが目的です。
「問い合わせを増やしたい」と書かれていたら、どんな相談を増やしたいのかを確かめましょう。

マーケティング未経験でも、目的を聞いてよいですか？

はい。制作の判断に必要な目的を確認することから始められます。
その場で施策の効果を約束する必要はありません。
相手の回答、制作側の仮説、未確認事項を分けて記録してください。

コーディングだけの依頼でも、確認する意味はありますか？

あります。
フォーム送信後の案内やリンクの遷移など、行動の目的を知ることで確認しやすくなる仕様があります。
担当ディレクターに質問し、変更が必要なら合意後に対応します。

問い合わせ数が増えれば、サイト制作は成功ですか？

問い合わせ数だけでは判断できません。
対象となる相談が増えたか、対応負担が大きすぎないか、その後の契約につながっているかなど、
事業の目的と合わせて確認します。制作前に、何をもって成果とするかを共有しておきましょう。

制作経験を、提案の理由へつなげる

デザインやコーディングの経験は、目的を形にするために使えます。
そこに「事業の目的」「サイトの役割」「訪問者の行動」を確認する習慣を足すと、作ったものの理由を
説明しやすくなります。

まずは、次の依頼で3つの質問を使ってみてください。

制作の前後にある仕事も学びたい方に向けて、
ディレティーでは無料動画セミナー「デザインとコーディングの『次』を学ぶ」を公開しています。

マーケティング、Webディレクション、制作進行管理のつながりと、制作経験を生かして仕事の範囲を
広げる順番を紹介しています。

無料動画セミナーを見る：https://diretea.jp/web-marketing-seminar/

オンラインで、好きな時間に視聴できます。
視聴後にコースの学び方を詳しく知りたい方への案内も、同じページに掲載しています。