工務店のトップページを探しやすくするメニューと導線の見直し方

工務店のサイトで施工事例を探しているのに、トップページの上部には入口が見当たらない。下までスクロールしてようやく気づくようでは、写真や説明が充実していても使いにくい。メニューは項目を並べるためではなく、訪問者が目的の情報と次の行動を見つけるためにある。

探しやすさは、訪問者の用事から決まる

住宅会社のサイトを訪れる人の用事はさまざまだ。施工事例を比較したい人もいれば、対応エリアを確かめたい人、家づくりの進め方を知りたい人、入居後の修理窓口を探す人もいる。まずは問い合わせ記録や社内に寄せられる質問から、実際に探されている情報を洗い出す。その中で、利用頻度が高いものと、見つからないと困るものを優先したい。

たとえば「新築を検討する」「施工事例を見る」「既存のお客様の相談窓口」を分ければ、検討中の人も入居済みの人も、関係のない案内をたどらずに済む。一方、「暮らしのご提案」だけでは、施工事例なのか住宅設備の情報なのか分かりにくい。見出しには社内の部門名より、訪問者が探す情報の名前を使う。

最初の画面で伝えるべきことを絞る

トップページの冒頭では、会社が何を扱い、どの地域や相談に対応しているか、主な情報へどこから進めるかを示す。大きな写真を使っても、説明を写真任せにしない。「注文住宅・リフォームの施工事例」「対応エリア」「相談方法」など、判断に必要な言葉を添える。写真に文字を重ねるなら、背景によって読みにくくならないかも確認する。

目立つボタンをすべて「お問い合わせ」にすると、比較検討中の人には次の一歩が重い。施工事例や家づくりの流れを見る入口と、相談する入口は分けておこう。ただし、相談ボタンを場所ごとに違う名前で表示すると、正式な窓口が分かりにくくなる。同じ行き先には同じ名称を使い、優先度は見た目で区別する。

メニューは「予測できる言葉」で組み立てる

「施工事例」を押せば建てた住宅の写真や概要が見られる。「アフターサービス」を押せば入居後の相談方法が分かる。メニューの言葉から予想した内容と、移動先のページが合っているかを確かめたい。会社独自の名称を使うなら、一般的な説明を添えると伝わりやすい。

似た項目は分け方を明確にする

「家づくり」「サービス」「事業内容」が並ぶと、訪問者は違いを推測しなければならない。各項目の下に置く内容を一覧にし、同じ情報が複数の場所に入りそうなら分類を見直す。情報量が多くても、最上位の項目を増やしすぎる必要はない。「家づくり」の下に費用の考え方、進め方、性能を整理するほうが選びやすい場合もある。ただし、よく探される施工事例や相談窓口まで下層に埋めず、トップページから直接進めるようにしておく。

リンクの行き先を文言で示す

「詳しく見る」が何個も並んでいては、リンク先を区別しづらい。「木造住宅の施工事例を見る」「リフォームの相談方法を見る」なら、そのリンクだけを読んでも行き先が分かる。リンクは見た目だけに頼らず、文字やボタンとして操作できることが分かる形にする。カード全体を押せる設計なら、どこまでが操作対象なのかも画面上で確かめたい。

スマートフォンでの迷いを減らす

スマートフォンでは画面が狭い。パソコン用のメニューを縮めるだけでは、使いやすくならない。開くボタンには「メニュー」などの文字を添え、開いた後は閉じ方も分かるようにする。項目間が近すぎて押し間違えないか、実機で指を使って試す。下へスクロールした後も、メニューや相談窓口に戻れるかを確認しておこう。

トップページの各区画は、見出し、短い説明、行き先の順にすると読み進めやすい。写真が続く構成では住宅の違いは伝わっても、どこを押せば詳細を見られるのか曖昧になりがちだ。施工事例には「所在地の範囲」「新築・改修の別」「住宅の特徴」など、比較の手掛かりを短く添える。個人宅を特定できる情報は載せず、公開範囲を事前に確認する。

トップページから先でも道に迷わせない

トップページで行き先が分かっても、移動先で現在位置を見失えば探し直しになる。各ページでメニュー名を統一し、階層が深い場合はパンくずリストなどで位置を示す。施工事例の詳細から一覧へ戻れるか、相談前に対応エリアや家づくりの進め方を確認できるかも点検したい。

入居者向けの入口を設けるなら、新規相談と既存住宅の不具合相談を混ぜない。水漏れなど急を要する場合は、フォームからの返信を待つのか、電話で連絡するのかを明記する必要がある。対応手順をすべてトップページに載せるのではなく、窓口の違いを示して適切な案内ページにつなぐ。

公開前は具体的な用事で確かめる

サイトの構造を知っている社内担当者だけでは、迷いやすい箇所を見落としがちだ。初めて訪れる人の立場で、次の用事を実際に試してみる。

• 建築予定地が対応エリアに含まれるか調べる
• 希望に近い施工事例を探し、詳細を見る
• 入居後の設備不具合について、適切な連絡先を見つける
• 相談する前に、家づくりの進め方を確認する

目的のページに着けたかだけでなく、どの言葉で迷ったか、予想と違うページを開かなかったかを見る。スマートフォンとパソコンの両方で試し、ボタンの押しにくさ、メニューの閉じにくさ、ページを行き来したときの現在位置の分かりにくさも記録する。修正は項目名や配置など、迷いの原因ごとに進めると、何が効いたか判断しやすい。

公開後も、問い合わせで繰り返し尋ねられる内容を確認する。対応エリアを掲載しているのに同じ質問が続くなら、情報の有無だけでなく、トップページから見つけられるかを見直したい。項目名を更新したときは、メニューと本文の案内が食い違っていないかも確認する。次の更新作業では、スマートフォンのトップページから「対応エリア」まで、初めて見る人ならどの言葉を押すかをたどってみよう。