愛媛県新居浜市で新築・リフォームを手がけるSTRAIGHT FIELD株式会社様のWebサイト制作を担当しました。水栓ひとつの交換から家一棟のリノベーションまで、地元で三代にわたり住まいと向き合ってきた工務店です。「リフォームは良し悪しが分かりにくい買い物だからこそ、こちらから見せる」という同社の姿勢をそのままサイトの設計思想に据え、価格・工事内容・完成後の姿まで、相談の前に分かる情報を徹底して開示するサイトを構築しています。

制作の目的
集客 / 相談・見積り依頼の獲得

サイトを制作した結果・構築した仕組み

リフォームを検討する方が最初に抱くのは、「うちの場合いくらかかるのか」「頼んで大丈夫な会社なのか」という不安です。そこで本サイトでは、価格・工期・工事の中身・完成後の姿を、問い合わせる前の段階でできる限り具体的に見せる構成としました。不安を一つずつ解消しながら、「まずは相談してみよう」と自然に思っていただける導線を設計しています。

施工事例を360°パノラマで体験できるバーチャルツアー

完成したお住まいを、写真だけでなく360°パノラマで公開できる仕組みを実装しました。ドラッグ（スマートフォンでは指でスワイプ）するだけで、まるでその場に立っているかのように室内をぐるりと見回せます。1つの事例に複数のシーン（リビング、キッチン、寝室など）を登録でき、サムネイルから部屋を切り替えながら見て回ることも可能です。管理画面でチェックを入れた事例は、トップページの「360°ビュー紹介」にも自動で表示されます。

18メニューの「参考価格・工期」をすべて公開

キッチン・浴室・外壁塗装から、網戸の張り替えなどの小さな修理まで、18のリフォームメニューそれぞれに参考価格と工期の目安を掲載。「水まわり」「内装・間取り」「外まわり」「安心・修理」のカテゴリで絞り込めるようにしました。各メニューの詳細ページは「こんなお悩み、ありませんか？」→「このまま放置するとどうなるか」→「リフォームするとこう変わる」→「費用の目安」という流れで構成。放置した場合に工事規模と費用がどう膨らむかをSTEP別に示すことで、早めの相談につながる設計としています。費用プランは「この価格に含まれるもの／含まれないもの」まで明記し、見積り後の「思っていたのと違う」を防ぎます。

月々の支払額から予算がわかる資金シミュレーション

「毎月いくらまでなら払えるか」「何年で返すか」「自己資金はあるか」の3つのバーを動かすだけで、工事にかけられる予算の目安を自動計算するシミュレーターをトップページに設置しました。算出した予算に応じて「水まわり4点をまるごと」など、実現できる工事の例も表示されます。金額の話を「いくらかかるか」ではなく「いくらならできるか」から始められるため、リフォームを具体的にイメージするきっかけになります。

種別×価格帯で探せる施工事例

施工事例は「リフォーム」「新築・注文住宅」の種別と価格帯を掛け合わせて絞り込めるようにし、すべての事例に実際の工事金額と工期を掲載する方針としました。事例ページはDATA表（エリア・建物・工期・金額など）、ご要望とご提案をまとめたSTORY、写真ギャラリーで構成。ギャラリーはクリックで拡大でき、スワイプや矢印キーで次々に見られるライトボックス表示に対応しています。

電話・LINE・フォームの3つの相談窓口

「いちばん早く答えられる電話」「写真を送るだけでもOKなLINE」「入力1分の見積り依頼フォーム」と、お客様の状況に合わせて選べる3つの窓口を用意。それぞれの特徴を添えて並べることで、どこから連絡すればよいか迷わない導線としました。

ほぼすべてを管理画面から更新できる運用設計

施工事例・リフォームメニュー・お客様の声はそれぞれ専用の投稿タイプとして構築。施工事例の360°画像やギャラリー、DATA表の行、メニューのお悩み・放置リスク・費用プランなども、行を追加・削除しながら自由に編集できます。さらに管理画面に「ホームページ編集」メニューを設け、各ページの見出し・本文・画像を専門知識なしで書き換えられるようにしています。

制作に至った背景

リフォーム業界では、訪問営業による不安をあおる勧誘や、「一式」表記で中身の分からない見積りが少なくありません。STRAIGHT FIELD様は、項目ごとの見積り、引き渡し後の定期点検など、お客様に「見せる」ことを大切にしてきた会社です。その誠実な姿勢を、Webサイト上でも同じように伝えたいという思いから制作がスタートしました。

実施した内容

  • オリジナルWordPressテーマの開発 — 既製テンプレートを使わず、住まいの温かみを感じさせるナチュラルモダンなデザインをゼロから構築。スマートフォン・タブレット・PCすべてに対応したレスポンシブデザインを実現。
  • 360°バーチャルツアーの実装 — 施工事例ごとに複数シーンの360°パノラマを登録でき、トップページでのピックアップ表示にも対応。
  • リフォームメニュー（18種）の構築 — 参考価格・工期をカード形式で一覧化し、カテゴリ絞り込みを実装。詳細ページはお悩み → 放置リスク → メリット → 費用プランの流れで構成。
  • 資金シミュレーターの開発 — 月々の支払額・返済年数・自己資金・金利から工事予算を算出し、実現できる工事の例まで表示するツールを実装。
  • 施工事例の複合絞り込み — 種別と価格帯を組み合わせて検索できるアーカイブと、DATA表・STORY・ギャラリーで構成する事例ページを構築。
  • 信頼を伝えるコンテンツ設計 — 選ばれる理由、リフォームの流れ、お客様の声、よくある質問、アフターサービス、対応エリアなど、相談前の不安を解消するページを整備。
  • すべての更新箇所の管理画面対応 — 投稿タイプ・カスタムフィールド・「ホームページ編集」画面により、テキストから画像まで運用を自走できる状態でお引き渡ししました。