フェイスネットワーク（採用特設サイト） 様

概要・課題

フェイスネットワーク様のコーポレートサイトリニューアルに伴い、採用サイトのリニューアルも行わせていただきました。
今までは採用活動としてWebには力を入れていらっしゃいませんでしたが、今回のリニューアルを機にWebサイトからの採用を強化するために、コーポレートサイトとは別に採用特設サイトとして制作をさせていただきました。
ご要望としていただいた「全体的に洗練された雰囲気」「仕事にいくのが楽しい・ワクワクする」と思えるようなサイトを目指し、さまざまな工夫を提案させていただきました。。

ターゲット

・就職活動をしている学生
・転職活動をしている方

デザインコンセプト

フェイスネットワーク様の強みの1つは「ワンストップサービス体制」です。
各職種の社員が仕事を繋いでいくことで、プロジェクトが進んでいきます。
その強みを視覚的に楽しく伝えるために、デザインのコンセプトは「リレーのバトン」としました。
また、採用サイトはコーポレートサイトとターゲットユーザーが違うため、こちらはワクワク感やお仕事に対する熱量を感じられるようなデザインコンセプトで制作しました。

デザインのこだわりポイント

ワンストップ体制を視覚的に伝えるため、スクロールするたびに各職種の社員がリレーのバトンを渡すようにプロジェクトが進んでいる様子をデザインにしました。
バトンを受け取ると写真のポーズが変わり、仕事モードの写真が表示されるというのもポイントです。
そしてそのバトンは最後は街へと伝播し、フェイスネットワーク様を通じてすべての人々の夢の実現へと繋がるようになっています。
また、「社員に求めるのは社名に込められている『Faith = 信頼』。一人の人間としてお客様の信頼を得るには『Give & Give』の精神が必要である」という代表のお言葉を元に、メインコピーを「GIVE & GIVE」に設定、デザインにもGをイメージした背景オブジェクトを使用しています。
配色はコーポレートカラーであるオレンジを元に、ワクワクを感じられるようなカラフルなグラデーションを採用しました。
所々オレンジからグレーになるグラデーションを入れることで、シックな雰囲気も表現しています。
各ページのイラストも子供っぽくならないよう、スタイリッシュな印象のイラストに仕上げました。

UI・UXでこだわったポイント

インパクトを大事にするとUIが疎かになりがちですが、クリック可能な箇所には少し目立つようなボタンを付けたり、矢印であることがわかりやすい形になるように工夫をしました。
また、スタッフインタビューページが一番見て欲しいコンテンツであるため、各ページの下部にかなり目立つ形で導線を設けていますが、サイトの雰囲気を損なわないように装飾感とボタン感のバランスを大事にしています。

WordPressの仕様

各採用情報の詳細ページにフォームを設けていますが、マイナビサイトへの導線も表示できる仕様になっています。
マイナビのロゴやURLの差し替えも管理画面内で可能となっており、運用がしやすい設計になっています。

写真コンセプト

写真撮影では、フェイスネットワーク様らしさを表現できるよう、スタッフ写真では正面を向いているポーズと各職種の仕事をイメージさせるポーズで撮影しました。
またライティングにもこだわり、撮影現場では自然光ではなく照明機材を設置し、1名ずつ社員イメージにあったポージングを考えながら撮影させていただきました。
各採用インタビューページの写真も、インタビューを読んでいる人により仕事や社員様の人柄を魅力的に伝えられるよう、撮影場所やロケーション選びにもこだわり、表情やポーズも含めて”その人らしさ”を表現しています。