工務店のホームページのビフォーアフター写真の見せ方と並べ方

9月に入り、朝晩の空気が少し柔らかくなってきました。静岡市清水区の事務所では、秋の乾いた風が窓から差し込む季節です。こういう時期になると、工務店の社長からのご相談が増えてくる傾向があります。「秋から本腰を入れてWeb集客を整えたい」「来年の受注に向けてホームページを見直したい」というご連絡です。

今日は、そんなご相談の中でも特によく出てくるテーマ——「ビフォーアフター写真の見せ方と並べ方」について、私・ハワードジョイマンの一日の仕事の流れを追いながらお話しします。写真の撮り方そのものより、「どう並べるか・何を添えるか」が受注率に直結する、という話です。

📋 この記事でわかること

1. ビフォーアフター写真が「見せ方次第」で問い合わせ数を変える理由
2. 写真の並べ方・構成で陥りやすいミスと正しい順序の考え方
3. 写真に「何を添えるか」で信頼度と問い合わせ率が上がる具体策
4. 年間1棟上乗せが利益にどれだけ直結するか、ROIの現実

こんな方におすすめ

• ✅ ビフォーアフター写真はホームページに載せているが問い合わせにつながらない方
• ✅ 施工事例ページの構成をどう作ればいいか迷っている工務店・リフォーム会社の経営者
• ✅ 写真を並べるだけで終わっていて、文章や数値の添え方がわからない方
• ✅ 紹介頼みから脱却し、ホームページから安定的に受注を増やしたい方
• ✅ 売上だけでなく利益ベースで集客の費用対効果を判断したい方

午前10時：「写真は十分あるのに、なぜ問い合わせが来ないのか」——クライアントとのZOOM相談から始まる一日

私の一日は、午前10時のZOOMミーティングからスタートすることが多いです。今日もある工務店の社長と画面越しに向き合いました。関東圏で年間7〜8棟を手がけている、腕には自信のある方です。

「ビフォーアフターの写真、ちゃんと撮って載せてるんですよ。でも問い合わせが来ないんですよね」

この言葉、実はとても多くの社長から聞きます。写真を撮った、ページを作った、でも反応がない。その原因のほとんどは、「写真の質」ではなく「並べ方と添える情報」にあります。

ホームページに施工前後の写真を載せることは、もはや当然のことです。問題は、その写真が「見た人に何かを感じさせているか」どうか。感じさせるためには、写真の周りに意味のある文脈を作る必要があります。

✓ ここまでのポイント

• ビフォーアフター写真が問い合わせにつながらない原因は、写真の質ではなく「並べ方と文脈の作り方」にある
• 見た人が「自分ごと」として読める構成になっていないページは、どれだけ写真が多くても素通りされる

午前11時：比較ではなく「物語」として見せる——並べ方の設計思想

ZOOM相談の後、私はクライアントのホームページを画面に映して分析を始めます。ビフォーアフター写真の並べ方を確認する際、最初に見るポイントはシンプルです。「見た人が工事前の状況に共感できるか」です。

❌ よくある失敗パターン

• ビフォー写真とアフター写真を横並びに1枚ずつ置いて終わり
• 写真の下に「キッチンリフォーム」などの一言しか書いていない
• 施工金額や期間、工事のきっかけが一切記載されていない
• 全ての事例が同じレイアウトで、スクロールしても単調に見える

✅ 推奨アプローチ

• ビフォー写真の前に「なぜこの工事をしたか」（お客様の状況・悩み）を短い文章で置く
• 写真は「ビフォー → 工事中 → アフター」の3点セットで見せると信頼感が増す
• アフター写真の後に「お客様の一言コメント」を入れることで、次の訪問者が自分ごととして読める
• 施工面積・工期・概算費用帯を明示することで、検討中の見込み客が比較しやすくなる

この「物語として見せる」構成は、飲食店や美容室での集客支援で私が徹底してきた考え方と同じです。お客様が「入店前にどんな不安を持っていたか」を先に見せてから、「解決した後の姿」を見せる。工務店のビフォーアフターも、この順序を守るだけで読了率が変わります。

「写真は証拠ですが、物語は共感です。見た人が『これ、うちのことだ』と思えなければ、どんな施工写真も素材の羅列で終わってしまいます。」

ハワードジョイマン（中小企業診断士・増益繁盛メソッド主宰）

午後1時：写真に「何を添えるか」——利益に直結する3つの情報

昼食を終えた後は、クライアントのホームページ改善案の作成です。ビフォーアフター写真に何を添えるかを設計するとき、私が必ず確認する情報は3つあります。

チェックポイント①：「工事に至った背景」が書かれているか

「床がきしむようになって、子どもが転ぶのが心配で」「築25年で水回りが老朽化し、売却前にリフォームを検討した」——こういった一文があるかどうかで、訪問者がページに留まる時間が大きく変わります。検索でリフォームを調べている人のほとんどは、「自分と同じ状況の人が、どう解決したか」を探しています。

✅ ポイント：お客様へのヒアリング内容から「工事前の困りごと」を1〜2文で添えるだけで、検索ユーザーとの接点が増えます。

チェックポイント②：施工の「こだわりポイント」が1箇所以上あるか

アフター写真を見せた後に、「なぜこの素材を選んだか」「どこにどんな工夫をしたか」を一言入れると、その工務店ならではの提案力が伝わります。写真だけでは「きれいになった」で終わりますが、言葉が加わることで「この会社は考えてくれる」という印象が生まれます。

✅ ポイント：施工担当者のコメントを短く添える形にすると、社長一人で書く負担が減り、かつ現場の人柄も伝わります。

チェックポイント③：施工後のお客様の変化が書かれているか

「冬の朝、廊下が寒くなくなった」「来客があったときに見せられる家になった」——こういったアフター写真の「先」の変化を一言書くと、見込み客の想像力が動きます。これが最終的に「問い合わせしてみよう」という行動につながります。

✅ ポイント：お客様の声を簡単なアンケートで集めておき、ビフォーアフターページに紐づけて掲載する仕組みを作ると、ページの鮮度が継続的に上がります。

なお、工務店のホームページに施工事例の絞り込み検索を付ける効果についても別記事で詳しく解説しています。ビフォーアフター写真の数が増えてきたら、「場所別・予算帯別」で絞り込める設計にするとさらに見込み客の離脱が減ります。

午後3時：「年間1棟増える」の意味を数字で考える

午後になると、新規のご相談メールへの返信や、資料の更新作業に移ります。この時間帯、私がよく手元に置いておくのは、クライアントの「粗利の変化」を追った記録です。

ビフォーアフター写真の見せ方を改善して、月の問い合わせが0件から5件以上になった工務店があります。その中から年間1棟の受注が上乗せされた場合、注文住宅の平均的な粗利を考えると、500万円以上の粗利増になることが多い。

「年間1棟増えただけでコンサル費用の6倍以上が回収できた」

工務店経営者（40代・男性）

この声は、私がよくご紹介するリアルな事例です。月額66,000円、6ヶ月の支援で約40万円のコスト。それに対して年間1棟の上乗せがあれば、ROIは6倍を超えます。「広告費をかけてもどこに出せばいいかわからない」とおっしゃる社長が多いですが、まずホームページの中のビフォーアフター写真の見せ方を整えるだけで、問い合わせの質と量が変わる——それがスタートラインです。

売上ではなく利益ベースで集客投資を考えることが、増益繁盛メソッドの根本にある考え方です。「お金を掛けずに売上を伸ばすというのは間違い」であって、正しく設計された投資は必ず利益に返ってきます。

また、ホームページのお客様の声を動画で見せると成約が変わる理由も参考になります。ビフォーアフター写真に動画のお客様インタビューを組み合わせると、ページの滞在時間と問い合わせ率がさらに改善するケースがあります。

午後5時：一日を振り返って——「写真を並べる」から「物語を作る」へ

夕方、今日のZOOM相談の記録を整理しながら、一日の仕事を振り返ります。ビフォーアフター写真の見せ方は、地味に見えて実はホームページ全体の問い合わせ率を左右する要素の一つです。

集客 STEP 1

「現状把握」——自社のビフォーアフターページを第三者の目で見直す

まず、自社のホームページの施工事例ページを、「初めて訪れた検索ユーザーの目線」で開いてみてください。写真をスクロールしたとき、「この状況、うちと似ているな」と感じる瞬間があるかどうか。なければ、背景の文章が足りていないサインです。

⚠️ よくある失敗：「施工事例はたくさん載せてある」と安心してしまい、各ページの文章量が写真1枚につき10文字以下になっているケース。

集客 STEP 2

「構成の再設計」——背景・写真・こだわり・お客様の声の4点セット化

1つの施工事例を「工事前の困りごと → ビフォー写真 → 工事中の様子 → こだわりポイント → アフター写真 → お客様の一言」という流れで再構成します。最初は1事例だけ試してみてください。

⚠️ よくある失敗：全事例を一度に書き直そうとして力尽きること。まず1ページだけ完成させ、それをテンプレートにする方が続きます。

集客 STEP 3

「数値の追加」——施工面積・工期・費用帯の明示で検索意図にマッチさせる

「10畳のLDKで工期3週間、費用帯150〜200万円」のような数値があると、Googleで「リフォーム 費用 相場」などのキーワードで検索した人が自分ごとに読めるようになります。また、ホームページに載せる実績数値の見せ方（施工棟数・満足度）もあわせて整備すると、サイト全体の信頼感が底上げされます。

⚠️ よくある失敗：費用を「お問い合わせください」とだけ書いてしまい、比較検討中の見込み客が離脱するパターン。

「いい家を建てているのに、なぜ選ばれないのか」——この問いに向き合ってきた社長たちが、ホームページの見せ方を整えることで、地元の商圏の中でしっかり選ばれるようになっていく。それを間近で見てきた18年・1,000店舗以上の経験から、ビフォーアフター写真の「物語化」は、投資対効果の高い改善の一つだと断言できます。

今日も一日、そういった工務店の社長たちの力になれるよう、静岡市清水区の事務所から支援を続けています。