Haruka Kawada

Recruit Site

web site(自主制作)
サムネイル

採用後の定着率まで高めるように。

(架空サイトです。)
企業が大切にしていることや応募者を増やすことはもちろん、求職者が採用後にこの企業で働く未来が見えることも重視して作成しました。
内容
自主制作の架空サイト(TOPページのみ)。新卒時代の会社をモデルに、求人広告会社の採用サイトを作成しました。

会社の特徴は、以下内容で設定しました。
①募集職種は営業職のみ
②若手にもチャンスがある
③外交的な人が多い
④評価がダイレクトに反映される。
⑤活気がある。
⑥創立50年の会社
⑦イメージカラーは赤
課題
①事業拡大による人員不足
②求人媒体のみでは応募が弱い
目的
①求職者からの応募
②企業と求職者とのマッチング
ゴール地点
採用まで繋がり、すぐ辞めずに長期的に働ける人材の確保
ターゲット
①成長意欲がある
②自ら進んで行動出来る
③ガッツがある
④年功序列制ではなく、きちんと評価されたい人
サイトコンセプト
情熱、スッキリとした印象、
制作期間
ワイヤーフレーム : 2日
デザイン : 3日
使用ツール
Photoshop / figma

情報設計

  • (01)

    導線を考える

    導線として、企業が求職者に伝えたいことと、求職者にとって重要であることを考え、順に並べました。そもそも何をしているのか、どういう会社なのかの「事業内容」→働くためには重要な「環境面」→実際に働いている人目線で語られる「社員インタビュー」の順にしています。

  • (02)

    ミスマッチを防ぐ

    ミスマッチを防ぐためにも細かく求職者にどのような企業でどのような仕事なのかを伝えるために全てのセクションに下層ページを設ける想定です。(今回はトップページのみの作成です。)

  • (03)

    フッターに応募ボタン設置

    要項はフッターと同じく全ページ表示されます。また、ヘッダーにもエントリーボタンを配置することで、応募への導線をスムーズにしています。

デザイン

  • (01)

    ファーストビューはインパクトを

    働くイメージがつきやすい、また実際にどのような人が働いているのかを知れるようにファーストビューを初め写真は多めに使っております。営業職のみの募集なので基本的にはスーツの写真を選びました。また、キャッチには手書き文字を使用することでメッセージ性をより強くしています。

  • (02)

    メリハリをつける

    企業が求職者に伝えたいリード文、求職者が最終的にたどり着く募集要項欄は目が留まるように企業のイメージカラーである赤を背景にしています。

  • (03)

    50年続く企業らしさを

    ベンチャー企業ではなく50年の歴史がある会社なのであまり遊び心などはいれませんでしたが、ただ配置するだけでは単調になってしまうため、見出しや社員インタビューの写真などは少しズラしを使用して単調さを打ち消しました。

PCカンプ

SPカンプ

Type:web site(自主制作)

OTHER

  • サムネイル

    web site

    design / coding

  • サムネイル

    web site

    design / coding

  • サムネイル

    web site

    design / coding

  • サムネイル

    web site

    design

  • サムネイル

    web site

    design

  • サムネイル

    banner

    design

  • サムネイル

    banner

    design

  • サムネイル

    banner

    design

  • サムネイル

    banner

    design

  • サムネイル

    illustration

    illustration

  • サムネイル

    other

    illustration / Design