自社採用サイト改修

こちらからも確認いただけます。

ポートフォリオ：https://www.resume.id/works/6859b392607a76b0
パスワード：1235

公開サイト：https://www.key-p.com/recruit/

リニューアル背景

もともと採用ページはあったものの、特にアピールが書かれているわけではなく、更新もされていない状態でした。求職者との入り口はエージェントのみにしていましたが、従来の就職活動時期にこだわらない採用へと方向転換するために、採用サイトもよりモダンなものにすべきと提案しました。
また、採用情報を発信するSNSの運用もはじまったことからさらに会社へのアクセスが増えることも考えリニューアルに踏み切りました。

計画・起案・採用チームとの相談

まず、採用チームとの打ち合わせで、採用チームとしてどういった人をほしいと考えているのかから話し合い、内容を決めていこうと考えました。数回のヒアリングだけでなく、採用チームが行っているMTGに積極的に参加し、応募してきた人に対しての考えやインターンの迎え入れ、誰をメンターにするかなど日々の採用業務を通してどんな人に向けたサイトにするかを考えていきました。

その際、同じIT業を仕事としている会社の採用サイトをいくつか挙げ、自分のイメージ固めや採用チームとの認識合わせにも利用しました。
昨今のIT業界では技術採用や採用広報など力をいれている企業が多くあり、前衛的なデザインのものも多く見られましたが、弊社らしさを出すことに注意しました。

作成内容・意識した点

構成

自社HPの下、会社案内や事業内容などと同じ階層にあった採用情報でしたが、リニューアルでhraderデザインから変更するため、別タブで開く構成で企業説明側と区別できるようにしました。
また採用情報のTOPである/recruitの以下にある様々な情報のリンクが散らばっていたり、内容が重複している箇所などもあったため、TOP以下、階層化したページ構成に変更しました。

コンテンツ

福利厚生や社内環境、制度などがかなり充実してましたが、説明会でしかそれらを伝えることしかできていませんでした。制度などは求職者にむけてのアピールの他、顧客や見込み客にもアピールになると考えて新規コンテンツとして作成しました。制度の説明だけでなく、なぜ導入されているのかなど狙いも含めて書くことで開発への姿勢や働く人を大切にしているという思いが伝わるようにしました。
加えて、学生により親近感をもってもらうために、会社の様々な情報を数値化したページも作成しました。男女比やメガネ率、お菓子を食べるかどうかなどフランクな質問も用意し、色も多く使用したページにしました。

デザイン

ページ全体の配色は会社のロゴにある赤と青を使用することにしました。しかしそのままの色では暗くなってしまい、学生らしさや若々しさがでなくなるため、彩度と明度を上げ明るいイメージを取り入れました。イラストなども取り入れました。
主に学生が見るサイトですが、中途採用者や企業も見に来ることを考慮し、企業の採用サイトらしいく過度な装飾をしないように意識しました。スクロールで要素がふわっと表示されるなど、楽しさはや今らしさは動きでも出すようにしました。
また、社内の様子がわかるようできるだけ写真も使用しました。そして学生はスマートフォン見る機会も多いのでレスポンスにも対応しています。

協力

問い合わせ等、フォーム部分のプログラムは開発に依頼し、ライティングで必要な情報やコンテンツ作成のための社内アンケート実施などは採用チームに依頼しました。
作業の割り振りやいつまでに行えるかなどディレクション・スケジュール管理も合わせて行いました。

評価

社内からは、今風になった・明るいイメージでとてもよくなったとの声をもらいました。経営陣からも制度を意味のあるものとして紹介できているのが嬉しいと評価いただきました。社内全体が採用を考える切っ掛けにもなってくれたのでその点でも嬉しかったです。

まだ公開したばかりですが、以前よりも訪問者が増え、離脱率も低くなっています。Google Analyticsで、どのページ、どのコンテンツがよく見られているかなど計測していく予定です。

作業範囲、利用した技術諸々

- 起案、計画・構成、スケジュール管理
- デザイン・イラスト作成、コンテンツ作成、ライティング、コーディング
- WordPress
- Adobe XD、illustrator、Photoshop
- HTML, CSS, Javascript, jQuery, PHP