- category
- 企業
- 制作期間
- 約4ヶ月
- URL
- https://www.ishimitsu.co.jp/
女性にも親しみを感じていただけるホームページへリニューアル
「ともに考え、ともに働き、ともに栄えよう」をコンセプトに、上場企業として社会から愛され続ける企業を目指していることが、しっかりとアピールできるホームページにリニューアルしたいとご相談をお受けしました。
具体的には、リニューアル前のホームページは、デザインが企業という信頼感を印象付けるようなイメージになっていました。
そこを「世界の食の幸せに貢献します」というメッセージに合うように、食卓の主役である女性にも親しみを感じていただけるようホームページのイメージをガラッと変えて欲しいという内容です。
また、求職者の方々に対しても会社の福利厚生や取り組みなどの情報の公開を行いたいとご相談いただきました。
ご希望に対しての以下の内容でホームページ制作を行いました。
まずは、食卓の主役である女性に親しみを感じていただきながら、リニューアル前のホームページと同様にIR情報など企業としての情報をしっかりと配信する必要があります。
既存のホームページは、いわゆる企業サイトという印象としては固いイメージのデザインで構成されていました。
そこを、閲覧者の方に一目で明るい印象を与えることを重要に考え、メインカラーを暖色のオレンジに設定し、各所に使用する動画や画像を人の笑顔が目立つ内容に変更しました。
実際、従業員の皆様とお打ち合わせをさせていただくと、非常に明るく楽しく仕事をされている印象を受けたことからも、リニューアル前のデザインではギャップを感じていました。
最も先に表示されるアイキャッチには、一目で食に関わる親しみのある企業とだと理解いただく為に、笑顔が絶えない一家だんらん風景の動画を設置しています。
動画を使用するとどうしても表示速度が遅くなるという、問題にも技術的に対応を行っており、スムーズに表示されるように心がけています。
各所に写真を使用し、各コーナーごとに文字サイズを大きく、余白を広くとることでスッキリとした明るく読み疲れが起きないことも考慮しています。
また、スクロール毎に表示されるコーナーについてもエフェクトをかける事で少しでも楽しく閲覧していただけるように配慮しています。
全ページ共通で表示されるナビゲーションについては、ページの左側に固定し、スクロールを行っても常に表示されるように設計しています。
ページ数が多いことから常に自分がどのページに滞在しているのか、他の情報にスムーズにアクセスできるように配慮しています。
採用情報ページについては、求職希望者の方に対して、安心して働いていただける環境があるという事を理解いただけるように「労働環境・人材育成・従業員インタビュー・代表挨拶・ギャラリー・よくある質問・採用までの流れ」などのページを考えてご提案させていただいております。
今後も事業の成長に合わせて、ホームページの拡張が簡単に行えることも考慮して全体の設計を行っています。
- ・会社の理念や想いに合わせて親しみを感じていただけるデザインを心がける
- ・自社でIR情報やお知らせ・活動報告が行えるようにCMSを導入して欲する
- ・求職者の方に対して、働きやすい環境を用意していることをアピールする
- ・ページ数が多いため、読み易いく必要な情報に簡単にアクセスできる構成を考える
- ・コンテンツが多いため、サイト内で迷わない導線づくりを心がける
- ・今後の事業の拡大に合わせて、ボリュームアップが簡単に行えた設計を行う
- ・スマートフォンでも操作性視認性に劣らない構成で作成する
- ・セキュリティー対応してSSLを実装する
今回の要望のまとめ
トップページリニューアル前
トップページリニューアル後
スマートフォン対応について
スマートフォン対応として採用した技術は「レスポンシブ対応」です。
特徴としては、パソコン用ホームページと、スマートフォンホームページを別々に作成するのではなく、各端末のブラウザの横幅に合わせてホームページの表示レイアウトが切り替わることです。
1つのホームページが画面の幅に合わせて表示が切り替わるため、更新の手間が省かれます。
デメリットとしては、開発の際に常にさまざまなブラウザの幅を考慮しながら作成しなければいけないため、技術力が必要となります。
レスポンシブ対応は、Googleが推奨されています。