工務店向け企業サイトHP

工務店向けコーポレートサイトHPを作成しました。

【トップページ(1/3)

【トップページ(2/3)

トップページ(3/3)

施工事例ページ(1/2)

施工事例ページ(2/2)

施工事例詳細ページ(1/2)

施工事例詳細ページ(2/2)

【お客様の声ページ】

【会社概要ページ】

【お問い合わせページ】

前提条件

地域密着型で新築住宅・リフォーム・外構工事などを手掛ける工務店のコーポレートサイトを想定し、トップページおよび下層ページのデザインを制作しました。

ターゲットは30代〜50代のファミリー層や住宅購入・リフォームを検討している方で、
「地域で信頼できる工務店を探したい」「家づくりについて気軽に相談したい」と考えているユーザーを想定しています。

また、施工事例やお客様の声を通して、
工務店としての実績や安心感が伝わるサイト構成を意識しました。

制作目的

地域密着型の工務店としての信頼感を伝えながら、
「相談しやすさ」「施工実績」「対応力」が直感的に伝わるコーポレートサイトを目指しました。

また、施工事例・お客様の声・会社概要・お問い合わせなどの情報を整理し、
初めてサイトを訪れたユーザーでも必要な情報へスムーズにアクセスできる構成としています。

トップページだけでなく下層ページまで制作することで、
実際の工務店サイトを意識した回遊性のあるサイト設計を意識しました。

デザインのポイント

・木の温かみや住まいの安心感をイメージし、ベージュ・ホワイト・ネイビーを基調とした落ち着いた配色で統一
・住宅写真や施工風景を使用し、「暮らし」や「家づくり」のイメージが伝わるビジュアル構成に調整
・トップページでは「施工事例」「強み」「サービス紹介」を整理し、情報が把握しやすいレイアウトを意識
・下層ページごとに役割を分け、施工事例詳細・お客様の声・会社概要・お問い合わせなどを分かりやすく設計
・FV(ファーストビュー)は各ページごとに異なるキャッチコピーを設定し、ページ内容に合わせた世界観を演出
・お問い合わせ導線は目立たせつつも、企業サイトらしい落ち着いたデザインになるよう調整
・フッターには会社情報やサイトマップを配置し、コーポレートサイトらしい導線設計を意識

工夫した点

情報量が多くなりやすいコーポレートサイトにおいて、
「信頼感」「視認性」「情報整理」を重視し、余白やレイアウトバランスを意識して設計を行いました。

また、工務店サイトでは施工事例の見せ方が重要になるため、
一覧ページだけでなく施工事例詳細ページまで制作し、実際の住宅イメージや暮らし方が伝わる構成を意識しています。

さらに、お客様の声ページでは実際の利用シーンをイメージしやすいよう、
住宅写真・人物写真・コメントを組み合わせ、安心感が伝わるレイアウトに調整しました。

全体として、単なるデザイン制作ではなく、
「実際に運用される工務店サイト」を意識したサイト設計になるよう構成しています。

使用ツール:Photoshop・WordPress・Elementor