住宅リフォーム会社のサイトで、「キッチン」「浴室」「洗面」のメニューは見つかるのに、台所と洗面をまとめて見直したい人や、間取りも変えたい人の入口が見つからないことがあります。利用者は工事名を正確に選びたいわけではありません。毎日の不便を伝えて、その会社へ相談してよいかを確かめたいはずです。
部位別の案内は残したまま、複数の場所や方法未定の相談へ進める入口を設けられます。その際に決めるのは「部位」「暮らしの不便」「考えている改修範囲」の三つをどう聞き、どの説明とフォームへつなぎ、送信後に何を案内するかです。この記事はリフォーム会社の経営者・営業責任者・Web担当者が、自社サイトを直すための設計例を示します。工事の可否や方法を画面の選択だけで判定するものではありません。
まず部位別メニューのどこで複合相談が止まるか見る
現行サイトをスマートフォンで開き、「キッチン交換は決めた」「水回りを複数見たい」「家事をしやすくしたいが工事方法は未定」という三つの立場で入口をたどります。トップのメニューからサービスページ、施工事例、相談ボタン、フォームまで、選んだ内容が途中で消えないかを記録します。問い合わせ数だけを見ても、メニューで迷ったのか、入力中に止まったのかは分かりません。
「キッチン」のページに設備交換の事例しかなくても、会社は位置の変更や周囲の間取りも相談を受けているかもしれません。逆に、ページに「間取り変更」と書いていても、実際にはその工事を受けていないなら選択肢へ載せられません。営業担当に最近の相談を聞き、受けられる工事、現地で確認してから答える工事、受けていない工事を分けます。Web上の分類は、この確認済みの範囲から作ります。
みやあじよの住宅リフォーム向けページも、住まいの種類と水回り・内装・間取り変更の工事を整理し、場所から探す入口と暮らしの希望から探す入口を示しています。このコラムでは、その入口で複合相談を受けるための質問と、送信後に社内へ渡る情報まで具体化します。
「場所」「不便」「範囲」を別々に聞く質問図
工事の種類を最初に一つだけ選ばせると、「浴室も洗面も」「キッチンを動かせるか未定」といった相談を表せません。画面では、場所を複数選べる問いと、暮らしの不便を文章で伝える問いを分けます。改修範囲も、設備交換や位置変更を利用者に確定させるのではなく、現在の考えを聞く欄にします。以下は実在の会社の受付条件ではない設計例です。
表は左右にスクロールできます。
| 最初の問い | 画面での答え方の例 | 次へ渡す情報 |
|---|---|---|
| どこが気になりますか | キッチン・浴室・洗面・トイレ・間取り・まだ決めていない。複数選択可 | 気になる部位。未選択でも相談内容へ進める |
| どんな場面で不便ですか | 「料理中に家族が通りにくい」など自由記入。分かる範囲でよい | 設備名だけでは見えない暮らしの困りごと |
| どの程度変えたいと考えていますか | 設備を替えたい・配置や周りも相談したい・まだ決めていない | 希望の段階。工事可否や正式な範囲ではない |
図の三問は、利用者を「小工事」「大工事」に自動で振り分ける診断ではありません。キッチンを選んでも、使いにくさの原因が収納や通路にあるかもしれません。間取りを選んでも、建物の条件で可能な変更は異なります。フォームで受けるのは相談の輪郭までとし、実際の工事範囲は担当者が聞き取って現地の条件を確認します。
三つの答えが食い違っても相談へ進める
「気になる場所は洗面」「不便なのは家族が廊下ですれ違いにくい」「範囲はまだ決めていない」という回答は、誤入力とは限りません。利用者は洗面の近くで困りごとを感じているだけで、改修する場所は別かもしれません。画面では答えの組み合わせを正誤判定せず、そのまま受け取って担当者が確認できるようにします。選択内容に応じて事例を薦める場合も、「この工事が必要です」と確定する文言は避けます。
反対に「キッチン」「設備を替えたい」とはっきり決めている人へ、毎回大きな間取り改修の質問を続ける必要はありません。入力画面は共通でも、任意の補足を短くして、必要な連絡先まで進めるようにします。複合相談を受けるために全員の入力が長くならないか、営業担当が実際の相談文を見ながら確認します。選択肢を追加するたびに、回答を読んだ担当者の次の行動が変わるかが判断基準です。
部位別ページには横断する出口を置く
キッチンのサービスページから来た人には、そのページの相談ボタン付近に「キッチンとほかの場所をまとめて相談したい」という入口を置きます。浴室や洗面のページにも同じ受付へ進むリンクを設け、フォームに「キッチンから来た」ことだけを参考情報として引き継ぎます。自動入力された部位は利用者が変更できるようにします。閲覧したページが、相談したい工事の全範囲とは限らないからです。
暮らしの不便から探す人には、設備名を先に決めなくても読める説明を用意します。例えば「家事の動線を見直したい」から関連する施工事例を案内し、事例の下に「自宅でもできるかは現状を確認してから回答」と添えて相談へ進めます。事例が少ないなら無理に分類を増やさず、営業担当が説明できる一つの案内ページから始めます。空のカテゴリや、実際に受けない工事の選択肢を増やさないことが先です。
フォームは三つの質問を受け、必須項目を増やしすぎない
相談フォームでは、部位の選択を複数可にし、「まだ決めていない」を独立した選択肢にします。「まだ決めていない」と別の部位を同時に選んだ場合、エラーにするのか、単に未確定として受けるのかを営業側と決めます。複合相談を受ける設計なら、複数選択を理由に送信できなくするのは趣旨に合いません。
不便の入力欄には「現在困っている場面を、分かる範囲で」と短い案内を付けます。「家族の人数」「住宅の築年数」「概算予算」「間取り図」などを一律必須にする前に、初回返信に本当に必要か確認します。住まいの種類や施工エリアは受付の判断に必要な場合がありますが、郵便番号から住所を自動で確定したり、詳細住所をまだ訪問しない段階で必須にしたりする必要があるかは、実際の運用によります。入力しないと相談できない理由を説明できる項目だけを必須にします。
W3C WAIのフォーム設計資料は、関連する選択肢を見た目とコードの両方でまとめる方法を示しています。「気になる場所」と「考えている改修範囲」は別の質問群にし、各選択肢に見出しとラベルを付けます。スマートフォンでもチェック済みの項目が見え、キーボードで行き来できるかを確認します。色だけで選択状態を示す設計は避けます。
写真の添付欄を設ける場合は、初回相談に必須かどうかを決め、受け取れる形式や容量を実際の機能に合わせて表示します。写真で工事の可否や正式な見積りが分かるように見せないことも大切です。図面や写真をいつ用意するかという詳しい案内は、現地調査ページの準備案内で扱っています。本稿のフォームは、まずどんな相談かを受け付ける段階です。
送信後の画面は「受付」と「判断」を分ける
入力を送ったら、画面には「相談内容を受け付けました」と、次に誰がどの方法で連絡するかを表示します。自動返信メールを使う場合も同じ内容にします。実際に社内担当が確認する前から「工事を承りました」「訪問日が確定しました」と表示すると、受付と受託・日程確定が混ざります。返信時期を案内するなら、会社が守れる運用に基づいて掲載します。
送信エラーでは、どの欄がなぜ通らなかったかを示し、入力済みの不便や複数選択を失わせないようにします。W3C WAIの通知ガイドも、送信成功とエラーを明確に知らせ、エラーの直し方を分かるようにすることを勧めています。特に写真添付で失敗した場合、相談文まで最初から書き直させない画面を確認したいところです。
社内通知には、選んだ部位、不便の説明、考えている範囲、流入したサービスページ、連絡先が読み分けられる形で入ります。担当者が「キッチンを選んだので設備交換だけ」と判断しないよう、複数選択や未定の回答をそのまま残します。どの部署や担当へ通知するかは、自社の受付体制で決めます。フォームの選択だけで受託可否を自動返信する設計にせず、担当者の確認へつなげます。
分岐させるなら表示だけでなく通知も確かめる
一部の会社では、「設備交換」と「配置も相談したい」で受付担当が異なるかもしれません。その場合は画面上で別フォームに見せるだけでなく、複数選択されたときに誰が最初の窓口になるかを決めます。片方の担当へだけ通知して、もう一方の希望が消える設計は避けたいところです。担当者が一人なら、複雑な自動分岐を作らず、共通の受付から内容を見て返す方が運用しやすい場合もあります。
通知メールの件名や管理画面の一覧には、「水回り複数」「間取り未定」など相談の輪郭が見える表示を検討できます。ただし、選択肢に含まれない自由記入の内容も本文で読めるようにします。受付担当が返信したか、追加の写真をお願いしたか、現地確認へ進むかは、フォームの送信数とは別に社内で記録します。Web制作側が自動で工事を割り当てる前に、現行の引継ぎと実際の担当権限を確かめます。
改修依頼書には画面と受付先を一緒に書く
サイトの改修を依頼するときは、「リフォームのメニューを分かりやすく」だけでは実装範囲が決まりません。現行URLとスマートフォン画面、部位別ページから相談までの経路、最近の複合相談で聞いた言葉、実際に受ける工事の一覧をそろえます。営業担当に、フォームを見て最初に何を確認するかも聞きます。受付後の業務で使わない欄は増やさず、必要なのに入力画面にない問いを見つけるためです。
依頼範囲は四つに分けると具体的です。一つ目はサービス分類と見出し。「水回り」「間取り」を別ページにするか、横断する入口を置くか。二つ目は事例へのリンク。複数箇所を直した事例をどう紹介するか。三つ目はフォーム。複数選択、未定、自由記入、任意添付をどう見せるか。四つ目は送信後と社内通知。受付文、確認担当、返信時の情報をどう渡すかです。各項目の決定者と未確認事項を併記します。
公開前には三つの相談例をスマートフォンで通します。設備交換だけを考えている人、台所と洗面を一緒に相談したい人、部位を決めず家事の不便を話したい人です。どの例も自分に合う入口を見つけ、内容を途中で失わず送信できるか。送信後に実際の担当へ届き、受付文が会社の対応と一致するかを確認します。相談数が増えるといった成果は、公開前には約束できません。公開後は、ページ到達、フォーム送信、担当が対応できた相談を分けて見直します。
最初の確認では担当者自身にもテスト入力してもらい、通知の読み順を見ます。フォームでは三つの質問が分かりやすくても、通知が選択番号だけになれば内容が伝わりません。キッチンと洗面の両方を選んだこと、「方法は未定」と書いたこと、連絡を希望する手段が、メールや管理画面で同じように読めるかを確かめます。受付から返信までの役割に合わせて画面と通知を一緒に直すことが、複合相談の入口を機能させる条件です。
複合相談を受けられるサイトの入口を考える
自社で受けている工事、現行の部位別ページ、相談フォームと受付体制を整理したら、住宅リフォーム向けホームページ制作の支援内容をご確認ください。分類・入力・案内の改修範囲を相談できます。
