森末建築設備様（コーポレートサイト）｜Web制作実績 レスポンシブ対応｜制作実績

今回、リニューアルの主要な目的として、「ユーザーからのお問い合わせを増やしたい」というご要望をいただきました。そのため、お客様の強みである主要サービスページに最短導線でたどり着き、スムーズにお問い合わせへと繋がるよう設計しています。具体的には、「トイレリフォーム」「洗面所リフォーム」「壁・床リフォーム」「給湯器リフォーム」という4つの主要サービスページを作成し、各サービスページへの導線ボタンを画面上部のグローバルメニューにユニバーサルアイコン付きで配置しました。そうすることで、自宅のリフォームを考えているユーザーが依頼を検討しているサービスのページにスムーズに遷移できる導線設計に仕上げています。

また、それぞれのサービスページでは、お客様のサービスの特徴を作業風景のお写真とともに掲載しています。さらに、他社との違いを分かりやすく比較できる表を設置することで、住宅のリフォーム全般に対応できるお客様の技術力や対応力、大手企業にはないお客様ならではの強みをユーザーに伝え、お問い合わせを後押しする設計に仕上げました。

「洗面所のリフォームを検討している方」「トイレを新しいものに交換したい方」などの個人ユーザーをメインターゲットとしているため、スマートフォンとPCの使用比率を8：2に想定し、モバイルファーストで設計しております。

スマートフォンサイトでは、各サービスページ内の目次を、アコーディオンメニューとして画面の左上に固定表示いたしました。そうすることで、画面の小さいスマートフォンサイトでも知りたい情報まで簡単に遷移できるユーザビリティの高い設計となっています。 

また、ハンバーガーメニューでは「トイレリフォーム」「洗面所リフォーム」「壁・床リフォーム」「給湯器リフォーム」という4つの主要なサービスページへの導線ボタンを、家の形にデザインしたサムネイル写真付きで大きく配置しました。タップエリアを広げ操作性を高めつつ、デザイン性の高いハンバーガーメニューを実現しています。

デザイン面では、ご夫婦で地域密着型リフォーム事業を行っているお客様ならではの温かみのある雰囲気を表現するため、ホームページ全体に柔らかく温もりを感じさせる水採色のイラストを配置しました。さらに、お写真やボタンを、お客様のリフォーム業からインスピレーションを得て家型にデザインすることで、遊び心のあるオリジナリティあふれるデザインに仕上げています。

また、メインビジュアルには、「子どもからご高齢者まで、幅広い世代に安心して利用してほしい」というお客様の想いをデザインで表現するため、笑顔あふれる家族のお写真を画面いっぱいに配置しました。そうすることで、ホームページに訪れたユーザーが親しみやすさを感じられるデザインに仕上げています。

システム面では、お客様の数々の施工実績を掲載できる「リフォーム事例」を、オリジナルCMSで自社開発いたしました。こちらのCMSでは、管理画面から「トイレ」や「洗面所」などの修理場所ごとにカテゴリー分けして簡単に投稿できます。さらに、詳細ページの下部には「リフォームのプラン・料金」というコンテンツを掲載でき、「プラン・工事内容」「製品の種類」「料金（目安）」を表で整理し、分かりやすく伝えられるシステム設計に仕上げました。そうすることで、ユーザーが検討しているリフォーム内容の具体例をスムーズに確認でき、安心感のあるお問い合わせへの後押しとなるコンテンツとしてご活用いただけます。