- category
- 企業
- 制作期間
- 約3ヶ月
- URL
- https://cados.jp/
ご相談内容
10年ほど前に弊社でホームページの制作を行わせていただきました企業様より、ホームページのリニューアルの相談をいただきました。
随分と前のホームページとなりますので、ホームページの仕様も古くスマートフォン対応が行えていない、また、事業内容等も更新する必要があるためホームページのリニューアルの必要性を感じたということがリニューアルの理由とお伺いしました。
また、採用強化に伴ない採用ページも充実させたり、その他最新の仕様で制作を行ってお欲しいとご要望いただきました。
リニューアル前
制作当時は閲覧者のモニターも小さかったため、ホームページの横幅も狭い状況でした。また、スマートフォン対応が実施されていないため、スマートフォンでホームぺージを閲覧した際には、パソコン版のホームページが縮小されて表示されるため見難い状況でした。
トップページリニューアル後
現代のモニターの幅に合わせて、画面いっぱいに情報が表示される仕様でデザインを制作しました。読みやすいようにフォントサイズを大きく設定しています。また、ホームページの構造が複雑になったため、グローバルナビゲーションの操作性向上などの配慮を行っております。
ホームページのリニューアルについて
10年ほど前に弊社で作成させていただいたホームページなので、ホームページの仕様等をある程度把握できていたため、リニューアルの計画をスムーズに行うことができました。
- ・取引先、求職者など閲覧者に対して信頼を感じていただけるデザインを心がける
- ・自社で重要なお知らせなどカンタンに更新できるようにCMSを導入したい
- ・スマートフォン対応も実施されていないためスマートフォンでもストレスなく閲覧できるようにする
今回の要望のまとめ
取り扱い製品一覧
ご自身でカンタンに製品情報の更新が行える仕様となります。製品詳細ページに変更を加えると自動的にリンクが表示される仕様となります。
取り扱い製品詳細
管理画面から商品の情報をカンタンに更新が行える仕様となります。取り扱い企業、商品名、企業先のリンクなど管理画面から差し替えることが可能です。
前回制作してから10年以上経過していたため、ホームページの仕様も相当古い状態でした。当初は、閲覧者のモニターサイズも小さいため、ホームページの横幅も狭く、小さい画面でいかに多くの情報を見せることができるかというような制作方法がトレンドだったため、文字サイズや各パーツのサイズも小さかったため、当初は最先端だったのですが、現在では見難く操作性も悪い状態です。
現在では、閲覧者のモニターサイズも大きくなり、通信環境も良くなったため、ホームページの横幅も広く設定し、文字サイズも大きく余白を広く設定し制作していますので、読みやすく操作性も良くなりました。
また、ページ構成が複雑になったため、ナビゲーション等の動きにも配慮を行っております。
また、採用も強化したいとお伺いしておりましたので、採用に関するページの強化も行っております。
CMSはWORDPRESSを採用し、店舗の施工実績など管理画面からカンタンに更新が行えるようにしています。
施工実績
管理画面からカンタンに更新が行える仕様となります。
採用情報ページ
採用ページの構成として「トップページ」「事業案内ページ」「新卒採用ページ」「インターンシップページ」「中途採用ページ」「会社案内ページ」「エントリーフォーム」と一般的な採用ページに比べて情報の発信量を増やす仕様となります。
スマートフォン対応について
スマートフォン対応については、Googleの推奨するレスポンシブ対応を実施しています。
スマートフォン対応の方法としては大きく2つに分かれます。１つ目は、PC版、SP版の2つのホームページを作成し、アクセスした端末を判別しシステムで最適なホームページを表示させる方法です。
もう１つは、ホームページは１つでアクセスした端末の横幅に合わせて、表示されるレイアウトが最適かされるという方法です。
今回は後者の対応を採用しています。メリットとしては、実際に運用するホームページは１つとなるため、管理が簡単になり運用コストを抑えることができます。
PC版をSP版に切り替えると情報量が縦に長くなることになりますが、閲覧者がストレスを感じないように配慮したデザインを心がけています。
