Work Detail

工務店サイト

サイト名:あおばハウジング

住み慣れた家をこれからも心地よく保つために、修繕やリフォームを気軽に相談できる工務店サイトを制作しました。施工内容・選ばれる理由・事例・相談の流れまでを1ページに整理し、初めて問い合わせる方にも安心感が伝わる構成にしています。

STUDIO 工務店 Demo レスポンシブ対応
工務店サイトのメインビジュアル

制作概要

業種

工務店・リフォーム

担当範囲

構成・デザイン・STUDIO実装

使用ツール

STUDIO

ページ構成

シングルページ

このサイトについて

築年数の経った住まいの修繕やリフォームを検討している方に向けて、対応できる工事内容や相談の流れが分かりやすく伝わる工務店サイトを制作しました。

やわらかなグリーンとアイボリーを基調に、地域の工務店らしい親しみやすさと安心感を表現しています。お悩み・施工内容・選ばれる理由・Before / After・よくある質問を1ページ内に整理し、問い合わせ前の不安を少しずつ解消できる構成にしました。

デザインのポイント

01

暮らしに寄り添うやさしい印象

グリーンとアイボリーを基調に、住まいに関する相談を気軽にしやすい、あたたかく落ち着いた雰囲気にしました。

02

相談まで迷わない導線

お悩み、対応工事、選ばれる理由、施工事例、相談の流れの順に配置し、検討中の方が自然に問い合わせへ進める構成にしました。

03

変化が伝わる施工事例

Before / Afterの写真を大きく見せることで、リフォーム後の暮らしを具体的にイメージしやすくしました。

実際の画面

工務店サイト「あおばハウジング」のPC表示
工務店サイト「あおばハウジング」のスマホ表示

セクション構成

工務店サイト「あおばハウジング」のTOPセクションの画面

TOP

メインビジュアルとキャッチコピーで、住まいの相談ができる工務店であることを伝えました。

工務店サイト「あおばハウジング」のサービス紹介セクションの画面

お悩み・対応工事

住まいに関するよくある悩みを提示し、水まわり・内装・外まわりなどの工事内容へつなげました。

工務店サイト「あおばハウジング」のこだわりセクションの画面

選ばれる理由

初めての方にも安心して相談してもらえるよう、工務店の強みを3つに整理しました。

工務店サイト「あおばハウジング」の施工事例セクションの画面

施工事例・お客様の声

Before / Afterや利用者の声を掲載し、施工後のイメージと信頼感が伝わるようにしました。

工務店サイト「あおばハウジング」のお問い合わせセクションの画面

流れ・FAQ・お問い合わせ

相談から施工までの流れやよくある質問をまとめ、最後に問い合わせへつなげました。

Contact

お気軽にお問い合わせください

サイト制作やデザインのご相談など、お気軽にご連絡ください。目的やご予算に合わせて、伝わりやすく使いやすいWebサイトをご提案します。

制作実績一覧へ戻る