読者です 読者をやめる 読者になる 読者になる

LOGzeudon

名古屋で働いているWebデザイナーのブログです

2017年度 新卒採用Webサイトのいろんなデザインを並べてみた

デザイン

f:id:rokuzeudon:20160518110717j:plain

最近、個人的にいろんな新卒採用サイトのデザインを調べたのですが、その時に作成した画像が残っていたので記事としてまとめてみました。

主にGoogleで「(企業名)+新卒採用」と検索してたどり着けるページを掲載しています。PC(横幅1440px)とスマホ(iPhone5)の表示を並べています。
チョイスは筆者の思いつきと直感です。

※スマホだとかなり見にくいと思います

1. 携帯キャリア

docomo

NTTドコモ | NTT DOCOMO FOR STUDENTS

  • MADAMADA - 世界は、まだまだつまらない
  • 挑発的なコピーとひと気の無い無機質なイメージ
  • アニメーションは「MADA MADA」の文字と「What`s New」のみ、だいぶシンプルなつくり

KDDI

KDDI RECRUIT 2017

  • その一歩が、未来を創る。
  • 社員のイメージが積極的に使われていてdocomoとは対照的
  • ファーストスプラッシュビューで、PCではメインビジュアル部が動画になっている

Softbank

ソフトバンク新卒採用

  • Softbankらしさを前面に出した、インパクトあるビジュアルとメッセージ
  • メインビジュアルは自動で画像が切り替わる、ストップや移動はできない
  • スクロールするとコンテンツが3つ大きく配置されていて、うち2つはなぜかランダム表示(社内事情的に優先順位がつけられなかったケースでしょうか)
  • No.1採用、タブレット配布プロジェクト、博多駅ジャック、など、コンテンツそのものに個性があるので成立している印象

2. 広告代理店

電通

電通 | 2017年度新卒採用 | DENTSU RECRUIT 2017

  • 答えがないから、電通がある
  • 個性的なカード型のナビゲーション
  • 課題に対して電通さんのスタッフがどんな答えを導き出したのか、興味のある課題から探していけるユニークな企画
  • こんなクリエイティブを自分もやってみたい!、この人たちと一緒に働いてみたい!、を誘う

博報堂

HAKUHODO & HAKUHODO DY MEDIA PARTNERS RECRUIT 2017

  • 打倒、博報堂。
  • インパクト大なコピー、攻めタイプにターゲット絞ってる
  • 使いやすさよりもインパクト重視

DAIKO

Daiko RECRUIT 

  • あなたのアイデアが活きるところ、たくさん
  • ごっちゃり系のビジュアル
  • スクロールすると、「広告とは何か?」を含めた丁寧なメッセージが続く
  • 先の2社に比べると、親しみやすさ・わかりやすさが重視されていて、「広告代理店」を知らない人でも興味を持てるページになっている印象

余談ですが、博報堂さんは特設コンテンツの制作にもかなり力を入れている様子。
見つけたのはこちらの二つ。新しいことに挑戦していく姿勢がよく表れています。

HAKUHODO DNA

HAKUHODO DNA | 博報堂DNA

HAKUHODO FUTURE ME

HAKUHODO FUTURE ME

3. IT・ゲーム系

Google

学生向け - Google 人材募集

  • いわゆるコンシェルジュ的な検索・絞込み機能
  • オフィスが世界中にあり、募集する職種や業務内容も多様なGoogleならでは

Yahoo

2017年度新卒採用情報 - 採用情報 - ヤフー株式会社

  • とにかくオシャレ・クール、コーポレートカラーの赤が映えてる
  • コピー的なものは無し
  • インパクトと使いやすさを両立してる

楽天

楽天株式会社: 新卒採用

  • ファーストビュー以外は割とオーソドックス
  • スマホで表示した時の違和感が気になる(ファーストビューで白人男性社員の笑顔がドーン、社員のカルーセルがやけに小さい、とか)

DeNA

2017年度新卒採用 | 株式会社ディー・エヌ・エー【DeNA】

  • 外部メディアによる社長や社員、サービスのインタビュー記事や、自社ブログの記事などが並べられたファーストビュー
  • 外部へと積極的に発信し続けているDeNAさんならでは
  • エントリーするときにファウンダー(代表)メッセージを必ず読ませるというのが特徴的

CyberAgent

新卒採用テクノロジーデザインコース | 株式会社サイバーエージェント

  • ファーストビューではメッセージもなく、いきなり各職種のエントリーページへ飛ばさせる
  • 採用ページで改めてサービスや理念について語る必要はないという潔さ

GREE

Careers at GREE | 新卒採用

  • ないものを作ろう。
  • 割とオードソックス

mixi

新卒募集要項|採用情報|株式会社ミクシィ

  • 自らを成長させるチャレンジを
  • 割とオードソックス

サイボウズ

サイボウズ | 採用情報(新卒・キャリア)

  • チームワーク溢れる社会を創る
  • 割とオードソックス

cookpad

さあ、一緒に次のステージへ | クックパッド株式会社 採用情報

  • ファーストビューがテキストのメッセージのみ
  • PCではメッセージ開始位置がウィンドウサイズに合わせて可変、読むにはスクロール必須 

GMOペポバ

新卒採用2017 | GMOペパボ株式会社

  • コンテンツがメイン
  • 新卒向けとか関係なく内容が面白い

DWANGO

株式会社ドワンゴ 新卒採用

  • ナビゲーションとメッセージに機能を絞ったトップページ
  • 配色を黒&オレンジにした理由が気になる

RECRUIT

RECRUIT DNA|リクルートホールディングス 2017年度新卒Web採用サイト

3. 人気就職ランキング上位10社

service.gakujo.ne.jp

ANA

RECRUITING 2017

  • ファーストビューに納めてるタイプ
  • シンプル&エレガント

JAL

JAL採用情報|日本航空株式会社

  • ANAとは対照的
  • スマホはシンプル

ITOCHU

伊藤忠商事 2017 年度新卒採用情報

  • 伊藤忠商事さんが世界各地でどのような活躍をしているのか伝えるコンテンツ
  • スマホの見せ方だと、このコンテンツの意味がわかりにくそう
  • PCで右上のMENUの移動がメインになるのは手間に感じる

SHISEIDO

2017年度 定期採用情報 | 資生堂グループ企業情報サイト

  • 美しさを通じて、世界中の人々を幸せにしたい人、集まれ!
  • メッセージがわかりやすい
  • 総合職と美容職を並列で扱っている

オリエンタルランド

オリエンタルランド新卒採用

  • よくありそうなコーポレートサイト感
  • ディズニーワールドとは別世界な感じ

JTB

2017年度新卒者向け求人情報|求人情報|JTBグループサイト

  • 正直よくわからないメッセージのファーストビュー(雰囲気で保たせてる感)
  • 先輩社員の声を100名以上という数で攻めててすごい

AJINOMOTO

新卒採用情報|味の素グループ

  • ファーストビューで完結させるタイプのPCトップページ
  • ひと昔前のサイトな印象

suntory

新卒採用情報 サントリー

  • ファーストビューは地味だが、スクロールすると意外としっかり作ってある
  • スマホ最適化なし

MORINAGA

森永製菓|Recruiting Site

  • 若干ひと昔前感がある
  • スマホ未対応。

MUFG

三菱東京UFJ銀行 | 2017 Recruiting Information

  • 銀行採用ページ感ゼロのファーストビュー
  • PCトップのグローバルナビゲーション見づらかったり、中ページはナビゲーションがガタガタしたり思わぬ動きをしたりと使いにくさがある

Webデザインギャラリーに載ってたサイト

Aim

エイム株式会社新卒採用サイト

jeki

jeki RECRUITING 2017 FUN TO ALL|jeki(株)ジェイアール東日本企画

LITALIKO

株式会社LITALICO 新卒採用情報2017

NAA

成田国際空港株式会社 2017年新卒採用サイト

Plan B

RECRUITING2017 株式会社PLAN-B新卒採用サイト

Sony Music

ソニーミュージック新卒採用2017

JA共済

JA共済RECRUIT2017 / 2017年度新卒者採用情報

クラーチ

株式会社クラーチ | 2017年度新卒採用 | Kuraci Recruit 2017

MIZUHO

みずほFG:新卒採用情報

リクルートライフスタイル

新卒採用|リクルートライフスタイル RECRUIT LIFESTYLE

TOKYU AGENCY

東急エージェンシー 2017採用サイト | Tokyu Agency Inc.

気になったこと

  • 自社サイトの採用コンテンツよりも外部メディア(マイナビ・リクナビ)のコンテンツにゴリゴリ力を入れてるケースもある
  • 離職率の高さ・低さとかで分類できれば、デザイン背景・意図が見え隠れしておもしろそう
  • サイトのURLでもfresh、students、new-graduateなど、いろんな表現があって面白い

(c) rokuzeudon