依頼内容
電源装置の専門メーカーである株式会社YAMABISHI様より、採用サイトのリニューアルをご依頼いただきました。
今回のリニューアルでは、前回の制作時以降で変更となった募集要項や会社情報の更新、社員インタビューページの刷新に伴い、サイト全体の構成およびコンテンツの見直しを実施。あわせて、新社屋を含む写真撮影や社員様へのインタビューも行い、株式会社YAMABISHI様の魅力がより伝わる採用サイトを目指しました。
ワイヤーフレーム作成
メインターゲットは、理系大学生・大学院生を想定。
株式会社YAMABISHI様では、さまざまな職種の方がそれぞれ重要な役割を担い、チームとして一つの製品を作り上げている点が大きな魅力であるため、仕事紹介ページでは各職種の特徴ややりがいが伝わるよう、情報量と構成に厚みを持たせました。
また、製品の魅力が直感的に伝わり、「この製品づくりに携わりたい」と感じてもらえる導線設計を意識。公開後の更新・運用のしやすさも考慮し、WordPressを導入し、担当者様が投稿しやすい設計としています。
トンマナ設計
グレー・ホワイト・ネイビーを基調としたアーバンニュートラルカラーを採用し、「知的」「上品」「洗練」をキーワードにしたデザインコンセプトを設計しました。
柔らかなグラデーションを取り入れることで、クールさの中に先進性や洗練された印象をプラス。ターゲットである理系大学生・大学院生を意識し、視線誘導を兼ねた電子回路をイメージした装飾も随所に取り入れています。
フォントについては、英字部分に親しみやすくモダンでクリーンな印象の「Open Sans」を採用。日本語部分には、可読性が高く、誠実さや重厚感を感じさせる「Zen Old Mincho」を選定し、ブランドイメージとの調和を図りました。
デザイン作成
「製品」と「働く人」の両方を効果的に見せることで、求職者に安心感や信頼性、そしてプロフェッショナルとしての姿勢が伝わるビジュアル設計を意識しました。
新たに撮影した新社屋の写真では、社内の雰囲気や実際の仕事風景が伝わるカットを多数使用。
さらに、各部署の社員様それぞれの業務シーンを撮影した写真を使用し、株式会社YAMABISHI様ならではのプロフェッショナル意識、チーム体制が伝わる構成・デザインを意識しました。
写真の色味についても、サイト全体のトーンに合わせて調整を行い、統一感のあるビジュアル表現に仕上げました。
また、サイトの「顔」となるメインビジュアルは複数案をご提示し、フォントや写真の組み合わせ、レイアウトの細部まで調整を重ねた上で決定。
全体の印象を損なわない範囲で、単調にならず視認性を高めるアニメーションも取り入れました。
全体的にクリーンで上品な印象を保ちつつ、YAMABISHI様の温かな社風を表現するため、画面下部にマスコットキャラクターであるヤマビシリスのイラストを固定表示する遊びを取り入れています。
実装
クライアント様が簡単にコンテンツを更新できるよう、WordPressを導入しております。
実装前に、今後更新が発生しそうな箇所を予めヒアリングし、YAMABISHIのフィールド、インターン、募集要項の内容や、動画、社内イメージ写真などを更新できるようにしております。管理画面もできるだけわかりやすい構成にする前提で設計し、合わせて操作マニュアルも制作いたしました。
株式会社YAMABISHI 採用サイト
