断熱リフォームの匠様（サービスサイト）｜Web制作実績 レスポンシブ対応｜制作実績

今回新規作成の主要な目的として、「内窓リフォームの受注を増やしたい」というご要望をいただきました。そのためトップページのメインビジュアルでは、PCの大きな画面を活かし、リビングで家族がくつろぐ、暮らしの温もりが伝わるお写真を、窓の形にトリミングして大きく配置しています。

「たった30分の内窓リフォームで、365日心地よい住まいへ」というキャッチコピーを併せて配置することで、簡単なリフォームを行うだけで、家族みんなが快適に過ごせる未来を自然にイメージできる工夫を施しました。

また、「窓リフォーム」ページでは、「内窓の取り付け」「窓の交換」「⽞関ドアの交換」「勝⼿⼝ドアの交換」「断熱ブラインドの設置」という5つの窓リフォームサービスをまとめて掲載し、ページ内導線コンテンツをファーストビュー直下に配置しました。そうすることで、すべてのサービス内容を直感的に把握し、自身の悩みに合った窓リフォーム情報を最短導線で確認できる設計に仕上げました。

「内窓リフォームを検討している方」や「補助金を活用した断熱リフォームを考えている方」などの個人ユーザーをメインターゲットとしているため、スマートフォンとPCの使用比率を9：1に想定し、モバイルファーストで設計しております。

そのため、スマートフォンサイトでは、初めて断熱リフォームを検討するユーザーが気軽に相談できるよう、「電話をかける」「メールでお問い合わせ」という2つのお問い合わせボタンを画面下部に固定表示しました。窓リフォームで解消できる暮らしのお悩みや、ユーザーからの評価の高さ、選ばれる理由などを確認し、「ここに相談したい」と感じたタイミングで、すぐにお問い合わせできる導線設計に仕上げています。

また、トップページの「お客様の声」コンテンツでは、ユーザー情報や利用サービス、キャッチコピーを一覧で確認できるようにし、詳細なコメントはモーダル表示としました。コンテンツの高さを抑えることで全体の視認性を保ちながら、必要な情報をスムーズに確認できる設計となっています。

デザイン面では、ベージュやホワイトを基調とした上品でやわらかなカラーリングをホームページ全体に採用し、補助金に関する数字情報やお問い合わせボタンには、明るいオレンジのアクセントカラーを取り入れました。そうすることで、特に訴求したい情報が直感的に伝わる、洗練されたデザインに仕上げています。

さらに、コンテンツ内容に沿った落ち着きのあるやさしい配色のイラストを、ホームページの随所に配置することで、一人ひとりに柔軟に寄り添う、お客様ならではの温かさをデザイン面からも表現しています。

システム面では、お客様ご自身で新しいエリアページを作成できる「エリアページ機能」を、オリジナルのCMSとして自社開発しました。こちらのCMSでは、公開したい「都道府県」や「市区町村」などのエリア情報を登録するだけで、キャッチコピー内のエリア名が自動反映され、エリアページを効率的に量産することが可能です。こうしたシステム設計により、狙ったキーワードでの自然検索上位表示につながる施策を実現しました。

さらに、「補助金申請」「この地域の特徴」という2つのコンテンツは、自由に情報を入力できるフリーエリアとして設計しています。更新頻度の高い補助金情報についても、お客様のタイミングで常に最新の内容へ差し替えられる、運用しやすい仕様としました。