工務店サイト(デモサイト)

あおばハウジング

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

デモサイトを見る

別のタブで開きます

業種
工務店・リフォーム
担当範囲
構成・デザイン・STUDIO実装
使用ツール
STUDIO
ページ構成
シングルページ
タグ
STUDIO / 工務店 / Demo / レスポンシブ対応
あおばハウジングのPC・スマートフォン表示のモックアップ

このサイトについて

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

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

デザインのポイント

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

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

  2. 相談まで迷わない導線

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

  3. 変化が伝わる施工事例

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

ページの流れ

トップから順に、どんな順番で情報を見せているかをまとめました。画像を押すと、セクション全体を拡大して見られます。

  1. 01 / 05

    TOP

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

  2. 02 / 05

    お悩み・対応工事

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

  3. 03 / 05

    選ばれる理由

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

  4. 04 / 05

    施工事例・お客様の声

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

  5. 05 / 05

    流れ・FAQ・お問い合わせ

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

こんなサイトを作りたい、
というご相談も。

新しくホームページを作りたい。今のサイトを見直したい。まだ内容が固まっていなくても大丈夫です。お話を伺ったうえで、いま必要なものだけをご提案します。

ご相談・お見積もりは無料です。