金子工務店様（コーポレートサイト）｜Web制作実績 レスポンシブ対応｜制作実績

お客様は定期的に住宅見学会イベントを開催されているため、管理画面からの簡単な操作で最新のイベント情報を更新いただけるオリジナルCMSを独自開発いたしました。イベントごとの開催期間に応じて「開催中」「CLOSED」を表示分けしているほか、開催場所の緯度・経度をご入力いただくだけでイベントページにGoogleマップが自動生成されるなど、サイト公開後の運用を見据えてシステム構築を行いました。設計デザインからシステムまで社内一貫体制で、お客様ごとに最適なシステムをご提案できるのも弊社の強みの1つです。

PC用サイトでは、ファーストビューでお客様の強みである「輸入住宅をオーダーメイドで作る」という特徴を訴求するため、ページ上部のヘッダーに、輸入住宅ページへの導線バナーを大きく見せる形で固定表示いたしました。また、お客様は魅力的な施工事例のお写真を多くお持ちだったので、多様な住宅事例を自動切換えでデザインとして大きく表現することで、実際の住宅写真をファッション誌のような感覚で閲覧していただけるホームページに仕上げております。

また、ユーザビリティを高めるため、メ??ンコンテンツとなる「北欧住宅」「北米住宅」「南欧住宅」の3種類の住宅ページに色分けを行い、視覚的な差別化をはかりました。ほかにも、情報量が多い箇所はアコーディオンを使用してコンパクトに表現しているだけでなく、アコーディオン開閉時のストレスを軽減するため、先頭の位置まで自動スクロールで移動させるなど、ユーザーが必要な情報だけをスムーズに閲覧できるよう細部までこだわっております。

さらに、CV率を向上させるため、ホームページ内の導線配置にこだわりました。例えば、フルオーダーメイド輸入住宅ページは、上部・中間・下部の3か所に主要コンテンツである「住宅ページ」の導線を異なるデザインで配置することで訴求を高めております。さらに、ユーザーの目的に合わせて「お問い合わせ・資料請求」「モデルハウス見学会お申込み」「イベントお申込み」の3種類のフォームを設置いたしました。システムとの連携を行い、予約可能なイベントはページ下部にCV導線を固定表示するなど、ユーザーがご希望のイベントをすぐにお申込みしていただける導線設計を行っております。実際にユーザーがお問い合わせページに進むと、もう一度お客様の強みが訴求されるなど、CVアップに繋がる綿密な設計になっております。。

デザイン面では、細いラインや輸入家具風の装飾を使用することで、全体的にメインターゲットである「女性が好きなデザイン」を意識いたしました。明朝体と筆記体のフォントで統一しているほか、丸形の切り抜き写真や水彩風のテクスチャを多く取り入れるなど、柔らかな雰囲気のデザインでまとめております。また、施工事例CMSでは、多様なサイズの事例写真を均一にきれいに見せるため、ライトボックスを使用してWebサイト上で写真を拡大表示する仕組みにいたしました。

モバイル用サイトでは、小さな画面の中で重要な情報を効率よく見せるため、ページ下部のフッターにCV導線を固定表示しております。また、お車で移動中の方がアクセス情報をすぐにご確認していただけるよう、ページ上部には駐車場情報をテキストで表示しております。ほかにも、PC用サイトでは横並びで配置していた住宅のお写真をスマホでは自動スライドで表現することで、スペースの有効活用をしつつ、訴求効果を高めるための工夫をいたしました。

また、サイト内の回遊率を向上するため、施工事例とイベント情報ぺージに関連性の強いページを表示させました。リニューアル後、サイト内の回遊率がアップしており、実際のアクセスの質も大きく改善されております。

システム面では、お客様がブラウザ上で簡単に更新していただけるよう、「お知らせ」「施工事例」「イベント情報」にCMSを、「輸入住宅の豆知識」にWordpressを取り入れております。そのため、ホームページ公開後も継続してコンテンツを増やすことができ、SEO対策を強化し、CVをアップさせるためのツールとしてご活用いただけます。

デザイン面では、ポイントで「パズル型」の切り抜き写真を取り入れることで、量産型の競合住宅メーカーとは異なり、「一戸ずつ丁寧に施工していく」というお客様の強みを表現しております。また、「フルオーダーメイド輸入住宅にできること」を直感的に伝えるため、イメージしやすいサムネイル写真とユーザー目線のコメントを自動切り替えで表示し、フルオーダーメイド住宅の特徴をデザインで強く訴求しております。リニューアル後は「担当の方々の対応が非常に良く、デザインにも満足しています。」と喜びの声をいただきました。