断熱リフォームの匠様(サービスサイト)|Web制作実績 レスポンシブ対応|制作実績
お客様ならではの強みをユーザー目線で訴求することで、安心感のある問い合わせの増加
クライアント | 断熱リフォームの匠様(東京都練馬区) |
---|---|
制作プラン | Meta定額制30プラン |
カテゴリ | サービスサイト WEB・情報サービス 建築・住宅・不動産 ブランディング |
URL | https://www.dannetsu-takumi.com/ |
制作チーム |
|
REPUTATION
お客様アンケート評価
途中で出来たロゴに合わせてサイトデザインを調整いただき、担当者様のレベルの高さを感じました。
5段階評価平均
5
-
担当者の評価
5/5
-
担当者の知識
5/5
-
リクエスト対応
5/5
-
デザイン
5/5
-
フルオーダーメイド設計
5/5
-
CMS更新システム
5/5
-
制作料金
5/5
ネオインデックスを選んだ理由は?
- 初期費用0円
- フルオーダーメイド設計
- 高品質なWebデザイン
- 制作実績が良かった
POINT
制作のポイント
お客様のご要望
- 集客(新規)を増やしたい
- ブランディング向上
- HPデザインを良くしたい
非破壊工法に特化しており、関東エリアを中心に断熱リフォーム工事をされている断熱リフォームの匠様のサービスサイトをリニューアルいたしました。
今回のリニューアルの目的として、「お問い合わせを増やしたい」「サービスを分かりやすく表現してほしい」の2つのご要望を頂きました。
そのため、気軽にお問い合わせいただけるよう、赤で強調されたお問い合わせのCV動線をページ上部のヘッダーに固定しているほか、「まずはご相談から」のリード文を目立つように配置いたしました。サイト内の人物写真はすべて、フリー素材ではなく実際の作業スタッフの写真を使用することで、ユーザーが安心感をもってお問い合わせいただけるよう工夫しております。
これまでは、使用する薬剤の種類や施工方法などの見せ方が企業目線でプラン構築がされていたため、どのプランを選べばよいのかわかりにくかった旧サイトのプランページを一新しました。具体的には、家の中の場所ごとにユーザー目線のプラン分けを行い、それぞれにテーマカラーを設定することで、各プランの特徴や違いがひと目でわかるようにしております。
また、PC用サイトでは各プランをサイト内でイメージしやすいように、プランページではサイドメニューを実際の家の階数に合わせた縦並びで配置しております。ほかにも、ページ上部のヘッダーにはお問い合わせページへのリンクバナーだけでなく、電話番号を固定表示することで、各ページをご覧いただいたユーザーのCVアップを意識したサイト設計を行いました。
そして、家を新築する際に施工を行う従来の断熱会社とは違い、「住んだまま断熱リフォーム」が出来るという他にない強みを強く押し出すことで他社との差別化をはかりました。具体的には、キャッチコピーやサムネイルを大きく見せる形で配置したほか、重要なコンテンツに縦書き文字を使用するなど、お客様ならではのサービスの特徴をしっかりと訴求するWebページとして設計しております。
Webデザイン
一軒家を購入された機会に断熱リフォームを考えている方や、定年退職後に断熱対策をして自宅で快適に過ごされたい方など、30代~60代のサラリーマンをメインターゲットに設定しているため、スマートフォンとPCの使用比率を7:3と想定し、モバイルファーストとして設計しております。
PC用サイトでは画面いっぱいに大きく見せる形で配置していたコンテンツを、モバイル用サイトでは重要な情報だけをピックアップし、コンパクトに整理して表現いたしました。また、ユーザーがすぐにお問い合わせしていただけるよう、ページ下部のフッターにお問い合わせページへのリンクバナーを設置したほか、スマートフォンからワンタップで発信できる電話バナーを配置しております。ほかにも、プラン別の動線を横並びで配置し画面上部のヘッダーに固定表示するなど、スマートフォンでもストレスなくスムーズに閲覧していただけるよう、デバイスに合わせた工夫を取り入れております。
また、CV率向上の対策としましては、お問い合わせページに実際のスタッフの写真やお客様の強みを訴求するなど、売上に繋がる綿密な設計を行っております。
Webデザイン
デザイン面では、「匠」をキーワードに和風なイメージをデザインで表現するため、訴求したいポイントに縦書き文字を使用しているほか、実際の作業スタッフによる断熱施工の写真を画面いっぱいに配置するなど、トレンド感と臨場感を両立させたスタイリッシュなデザインに仕上げております。
また、すっきりとしたホワイトを基調に、縦書きや筆の装飾を取り入れることで、プロの上質な仕事が伝わるサイトに仕上げました。訴求したいポイントではロゴカラーに合わせたブラック背景を使用しており、全体的に信頼性のある引き締めたデザインとしながら、重要なコンテンツをしっかり訴求させる工夫を行っております。
エンジニア
システム面では、お客様がブラウザ上で簡単に更新していただけるよう、お知らせとお客様の声、コラムにWordpressを取り入れております。そのため、ホームページ公開後も継続してコンテンツを増やすことができ、SEOを強化しつつ、CVをアップさせるためのツールとしてご活用いただけます。
Web制作・運用サポート一覧
PC・タブレット用フルオーダーメイド設計、SP・タブレット用フルオーダーメイド設計オリジナルWebデザイン、PC用UI/UX設計、SP用UI/UX設計、ワイヤーフレーム作成、HTML/CSSコーディング(レスポンシブサイト)、Googleアナリティクス設定、各種CMS開発、jQueryコーディング、PLESKサーバー、アフターサポート
BEFORE AFTER
劇的ビフォーアフター
旧サイトにメスを入れ、お問い合わせが絶えないホームページへ
リニューアル前のホームページは、お客様ならではのサービスの強みが訴求しきれていない点が課題でした。そのため、強みをわかりやすくユーザーに訴求して、お問い合わせ件数を増やしたいというご要望をいただきました。
リニューアル前は企業目線で構築されていたプランページをユーザー目線で構築し直し、視覚的にプランの違いがわかるようテーマカラーを設定しデザインしました。お客様ならではの強みをプロのライターによるキャッチコピーやコンテンツ内容の説明に落とし込むことで、ユーザーからの納得感のあるお問い合わせの増加につなげています。
PC DESIGN
PCサイトデザイン
お客様の特長を活かした、”世界にひとつ”のオリジナルデザイン
SMARTPHONE DESIGN
スマートフォンサイト
デザイン
ターゲットに最適なユーザビリティを考慮した、UI/UXデザイン
WORKS