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

今回、新規制作する主要な目的として、「コーポレートサイトとして安心感を訴求したい」というご要望をいただきました。そのため、画像やボタンの角を丸くデザインすることで、優しい雰囲気のホームページに仕上げ、安心感を印象づけております。

また、お客様が運用されている各サービスサイトのお問い合わせフォームから訪問したユーザーが、「全く異なる企業のホームページに遷移してしまったのではないか」と不安を感じることのないよう、各サービスの説明を記載した「サービス」ページを作成しました。各サービスの説明には、それぞれのサービスサイトのフォントやカラーを使用したバナー画像を配置することで、各サービスサイトとコーポレートサイトのつながりを感じることができ、安心してお問い合わせをすることができるデザイン設計に仕上げております。

モバイルサイトでは、「家のトイレが詰まってしまった」「蜂の巣の駆除をしたい」など、生活トラブルで困っている個人ユーザーをメインターゲットとしているため、スマートフォンとPCの使用比率を8：2と想定し、モバイルファーストで設計しております。

困りごとの解決を急いでいるユーザーが、必要としている情報をすぐに確認できるよう、お客様の運営している5つのサービスサイトの情報を「サービス」ページとして1ページにまとめました。そうすることで、情報が整理されたユーザビリティの高いホームページを実現しています。

デザイン面では、画面の大きいPCサイトならではの工夫を施しております。具体的には、「m3について」ページの余白バランスを考慮し、お写真と説明文を左右交互に配置しました。そうすることで、洗練されたデザインと高いユーザビリティを両立したホームページに仕上げています。

システム面では、管理者様がタイムリーに情報を更新できる「お知らせ」をオリジナルのCMSで自社開発しました。「お知らせ」「採用情報」などを発信する記事のテーマに合わせて自由にカテゴリー分けできるため、多くの情報をジャンルごとに整理しながらホームページを運用できるシステム設計となっております。