修榮様（サービスサイト）｜Web制作実績 レスポンシブ対応｜制作実績

今回、リニューアルのもう一つの目的として、「丁寧な作業と安心感のあるサービス内容を訴求したい」というご要望をいただきました。そのため、メインカラーにオレンジを使用し、ボタンや画像の角を丸くデザインいたしました。競合他社のホームページは、ブルーやブラックをメインカラーに使用したシックなデザインが多い中、オレンジという暖色系のカラーを使用することで「親しみやすさ」や「安心感」を印象づけるデザインに仕上げています。

モバイルサイトでは、「家屋を解体して土地を売却したい方」や「遺品整理と解体工事をまとめてしたい方」などのお悩みを抱えている個人ユーザーをメインターゲットとしているため、スマートフォンとPCの使用比率を8：2と想定し、モバイルファーストで設計しております。

施工事例を知りたいユーザーが、画面の小さいモバイルサイトでもスムーズに確認できるよう、ハンバーガーメニューの隣にショベルカーのイラストを施した「施工事例」ページへの導線ボタンを固定表示いたしました。そうすることで、どのページを閲覧していてもスムーズに「施工事例」ページに遷移し、お客様の確かな実績を確認できるため、ユーザーからの安心感のあるお問い合わせを後押しする導線設計を実現しております。

ハンバーガーメニューでは、「SYUEIが選ばれる理由」「家屋の解体」「アパート・ビル・マンションの解体」「その他の解体」という4つの主要なコンテンツへの導線ボタンをサムネイル写真付きで大きく設置しました。タップエリアを広くすることで、画面の狭いモバイルサイトでもユーザーが目的のページまでスムーズに遷移できるよう工夫しています。

デザイン面では、画面の大きなPCサイトの特長を活かして、メインビジュアルに4名の社員様が柔和な表情をしたお写真を画面いっぱいに配置しました。そうすることで、解体工事を行う人の顔や雰囲気を知ることができ、ユーザーが「安心感」を抱くようなデザインに仕上げております。

また、ユーザーにお客様の6つの強みを視覚的にわかりやすく伝えるため、お客様の企業ロゴを背景に配置し、その上に「安心」「安全」などの6つの強みを表現したポップなイラストをデザインしました。そうすることで、お客様が訴求したい「丁寧な作業」と「安心感のあるサービス」を印象づけるデザインに仕上げております。

システム面では、解体にまつわる豆知識やお役立ち情報を掲載できる「コラム」ページをオリジナルのCMSで自社開発しました。こちらのCMSでは、「工法」「費用」など発信する記事のテーマに合わせて自由にカテゴリー分けできるため、多くの情報をジャンルごとに整理しながらホームページを運用できるシステム設計となっております。

また、お客様の数々の解体実績を掲載できる「施工事例」を、オリジナルCMSで自社開発いたしました。こちらのCMSでは、管理画面から家屋やビル・マンションなどの「建物種別」と木造や鉄骨造などの「建物構造」をカテゴリー分けして簡単に投稿できます。さらに、投稿したページの下部には「関連施工事例」として同様の「建物種別」や「建物構造」の事例が表示されるため、ユーザーが解体を検討している建物と類似の施工事例をスムーズに確認でき、安心感のあるお問い合わせへの後押しとなるコンテンツとしてご活用いただけます。