Article

新卒採用サイトのデザイン事例100選!就活生の私が惹かれたサイトのみを厳選

2024.01.26

新卒採用サイト事例100選!就活生の私が惹かれたサイトのみを厳選

学生インターンで現在、神戸大学経営学部の筆者が、新卒採用サイトで惹かれたものを100紹介します。新卒採用サイト制作にお困りの方やサイトを作成したい方、現在のサイトに課題を感じている方にとって参考になれば幸いです。

企業の方が求める人材は自分主体で動く人間であるでしょう。就活を控えている私が大切にした観点は、自分主体で企業を見ることです。私自身、広告系のサークルとイベント企画運営のサークルに所属しているため、広告やデザインなどの業種に興味があります。そこで、デザイン性の高いと感じたものや画面がスクロールしやすいなどのUIが優れたものを特にピックアップしました。

新卒新卒採用サイトの判断基準

  • 採用サイトを開いたときにワクワク感
  • これから何をすべきかがわかる
  • 募集要項をすぐに見つけられる
  • 入社後の自分を想像できる
  • 採用実績・OBOG訪問・よくある質問の量と質が良い・企業理念がある
  • 勤務時間・勤務地・初任給・給与・休暇休日・福利厚生・教育研修制度・社員の声がある

記事紹介する新卒採用サイト

  • 化学
  • 半導体/電子部品
  • 食品
  • 医薬品
  • 機械
  • 重電・産業用電気機器
  • 電機
  • 医療機
  • 自動車
  • 建設
  • 印刷
  • 総合
  • 専門
  • 小売
  • 百貨店
  • 専門店
  • 銀行
  • 証券
  • 金融
  • 広告
  • 物流
  • 教育
  • レストラン・フード
  • 不動産
  • コンサルティング
  • 人材関連
  • 冠婚葬祭
  • 自動車
  • マスコミ 
  • IT・ソフトウェア
  • 広告
  • 通信
  • 放送
  • 官公庁/公社/団体

この中で特に気に入ったものを「推しポイント」として紹介しています。その他はファーストビューのみ紹介していますので、気になったものをリンクから遷移してください。

※記事を読むより採用のプロに相談したい、もしくは自社ではノウハウやリソースがないから新卒採用サイトの悩みを相談したい方は採用広報支援のhypexにご相談ください。相談料は一切かかりません。

【無料】株式会社hypexに新卒採用サイトの相談をする

メーカーの新卒採用サイトのデザイン事例

化学

三菱ケミカル株式会社

三菱ケミカル株式会社の新卒採用サイト
画像引用:三菱ケミカル株式会社の新卒採用サイト

三菱ケミカル株式会社の新卒採用サイトのデザイン事例です。メニューのデザインもインパクトがあり、そして視認性も高いため、自分の求める情報に辿りつきやすいです。そのことでエントリーの申し込みまでの流れが掴みやすい新卒採用サイトだと感じました。

推しポイント!

新卒採用サイトのアニメーションデザインのモチーフがそれぞれ変化しながらも統一されたテーマを持っている点が企業の本当にアピールしたいポイントだと読み取ることができます。そこが好き!!

太陽日酸株式会社

太陽日酸株式会社の新卒採用サイト
画像引用:太陽日酸株式会社の新卒採用サイト

太陽日酸株式会社の新卒採用サイトのデザイン事例です。シンプルで親しみやすいキャラのファーストビューにしています。

ナトコ株式会社

ナトコ株式会社の新卒採用サイト
画像引用:ナトコ株式会社の新卒採用サイト

ナトコ株式会社の新卒採用サイトのデザイン事例です。「あなたのユニークをカタチに」という採用キャッチコピーを前面にしています。

株式会社アステックペイント

株式会社アステックペイントの新卒採用サイト
画像引用:株式会社アステックペイントの新卒採用サイト

株式会社アステックペイントの新卒採用サイトのデザイン事例です。

三井化学株式会社

三井化学株式会社の新卒採用サイト
画像引用:三井化学株式会社の新卒採用サイト

三井化学株式会社の新卒採用サイトのデザイン事例です。

【無料】新卒採用サイトの相談をする

半導体/電子部品

日本ケミコン株式会社

日本ケミコン株式会社の新卒採用サイト
画像引用:日本ケミコン株式会社の新卒採用サイト

日本ケミコン株式会社の新卒採用サイトのデザイン事例です。就活生が最も重視する募集要項のページが最初のページのすぐ下にあるため、就活生にとって優しいデザインになっていると言えます。そして、「よくある質問」も採用に関するものと福利厚生/研修制度に関するものとジャンル分けされていることで、自分の求める情報を効率よく見つけることができます。

推しポイント!

色味にメリハリがある上に、その色味の組み合わせもとてもおしゃれに感じます。そこが好き!!

【無料】新卒採用サイトの相談をする

食品

株式会社秋川牧園

株式会社秋川牧園の新卒採用サイト
画像引用:株式会社秋川牧園の新卒採用サイト

株式会社秋川牧園の新卒採用サイトのデザイン事例です。採用キャッチコピーは「まっすぐに、はたらく。」です。

株式会社えがお

株式会社えがおの新卒採用サイト
画像引用:株式会社えがおの新卒採用サイト

株式会社えがおの新卒採用サイトのデザイン事例です。

日本ハム株式会社

日本ハム株式会社の新卒採用サイト
画像引用:日本ハム株式会社の新卒採用サイト

日本ハム株式会社の新卒採用サイトのデザイン事例です。

サッポロビール株式会社

サッポロビール株式会社の新卒採用サイト
画像引用:サッポロビール株式会社の新卒採用サイト

サッポロビール株式会社の新卒採用サイトのデザイン事例です。「誰かの、いちばん星であれ」という採用キャッチコピーが目を惹きます。同社のブランドロゴである「星」と親和性のあるキャッチコピーで印象に残ります。

株式会社BAKE

画像引用:株式会社BAKEの新卒採用サイト

株式会社BAKEの新卒採用サイトのデザイン事例です。

【無料】新卒採用サイトの相談をする

医薬品

アース製薬株式会社

画像引用:アース製薬株式会社の新卒採用サイト

アース製薬株式会社の新卒採用サイトのデザイン事例です。採用キャッチコピーは「挑戦を、楽しもう」です。

【無料】新卒採用サイトの相談をする

機械

東洋精器工業株式会社

画像引用:東洋精器工業株式会社の新卒採用サイト

東洋精器工業株式会社の新卒採用サイトのデザイン事例です。採用キャッチコピーは「いざ、変革のとき」です。

住友住機械工業株式会社

画像引用:住友住機械工業株式会社の新卒採用サイト

住友住機械工業株式会社の新卒採用サイトのデザイン事例です。

【無料】新卒採用サイトの相談をする

重電・産業用電気機器

ムネカタ株式会社

画像引用:ムネカタ株式会社の新卒採用サイト

ムネカタ株式会社の新卒採用サイトのデザイン事例です。

【無料】新卒採用サイトの相談をする

電機

株式会社日立インダストリアルプロダクツ

画像引用:株式会社日立インダストリアルプロダクツの新卒採用サイト

株式会社日立インダストリアルプロダクツの新卒採用サイトのデザイン事例です。採用キャッチコピーは「どこにもないから、おもしろい」です。

ミツワ電機株式会社

画像引用:ミツワ電機株式会社の新卒採用サイト

ミツワ電機株式会社の新卒採用サイトのデザイン事例です。

【無料】新卒採用サイトの相談をする

医療機

株式会社トクヤマデンタル

画像引用:株式会社トクヤマデンタルの新卒採用サイト

株式会社トクヤマデンタルの新卒採用サイトのデザイン事例です。採用キャッチコピーは「100年つづく、笑顔を創ろう」です。

株式会社シード

画像引用:株式会社シードの新卒採用サイト

株式会社シードの新卒採用サイトのデザイン事例です。

【無料】新卒採用サイトの相談をする

自動車

株式会社デンソー

画像引用:株式会社デンソーの新卒採用サイト

株式会社デンソーの新卒採用サイトのデザイン事例です。採用キャッチコピーは「日本の製造業の輝きを取り戻したい」です。

【無料】新卒採用サイトの相談をする

建設

株式会社奥村組

画像引用:株式会社奥村組の新卒採用サイト

株式会社奥村組の新卒採用サイトのデザイン事例です。採用キャッチコピーは「建設が、好きだ。」です。

株式会社アネシス

画像引用:株式会社アネシスの新卒採用サイト

株式会社アネシスの新卒採用サイトのデザイン事例です。採用キャッチコピーは「Can’t end it 今のあなたでは終わらせない。」です。

株式会社波多野工務店

画像引用:株式会社波多野工務店の採用サイト

株式会社波多野工務店の新卒採用サイトのデザイン事例です。採用キャッチコピーは「暮らしづくりに、まっすぐに。」です。

株式会社タキズミ

画像引用:株式会社タキズミの新卒採用サイト

株式会社タキズミの新卒採用サイトのデザイン事例です。採用キャッチコピーは「向き合って、強くなる。」です。

株式会社澤村

画像引用:株式会社澤村の新卒採用サイト

株式会社澤村の新卒採用サイトのデザイン事例です。

株式会社関電工

画像引用:株式会社関電工の新卒採用サイト

株式会社関電工の新卒採用サイトのデザイン事例です。採用キャッチコピーは「この国を照らす、光となれ。」です。

大豊建設株式会社

画像引用:大豊建設株式会社の新卒採用サイト

大豊建設株式会社の新卒採用サイトのデザイン事例です。採用キャッチコピーは「形に残すだけじゃない、ものづくり」です。

共立建設株式会社

画像引用:共立建設株式会社の新卒採用サイト

共立建設株式会社の新卒採用サイトのデザイン事例です。採用キャッチコピーは「キミの挑戦の連続が、風景と人の心を変えていく」。入社後の働きがいや、挑戦する人を求めていることがわかります。

山崎建設工業株式会社

画像引用:山崎建設工業株式会社の新卒採用サイト

山崎建設工業株式会社の新卒採用サイトのデザイン事例です。採用キャッチコピーは「はじめて恋をしたあの場所 違ったのは実は、山﨑」です。

インフラテック株式会社

画像引用:インフラテック株式会社の新卒採用サイト

インフラテック株式会社の新卒採用サイトのデザイン事例です。採用キャッチコピーは「飛び越えなくちゃ、もったいない。」です。

【無料】新卒採用サイトの相談をする

印刷

DNP大日本印刷株式会社

画像引用:DNP大日本印刷株式会社の新卒採用サイト

DNP大日本印刷株式会社の新卒採用サイトのデザイン事例です。採用キャッチコピーは「令和の文明開化」です。

【無料】新卒採用サイトの相談をする

その他

コクヨ株式会社

コクヨ株式会社の新卒採用サイト
画像引用:コクヨ株式会社の新卒採用サイト

コクヨ株式会社の新卒採用サイトのデザイン事例です。採用キャッチコピーは「Let’s Be (Q)reative さぁ、次は何ができるだろう?」です。

株式会社KKI

株式会社KKIの新卒採用サイト
画像引用:株式会社KKIの新卒採用サイト

株式会社KKIの新卒採用サイトのデザイン事例です。採用キャッチコピーは「つくる、つたえる、つながる。」です。

【無料】新卒採用サイトの相談をする

商社の新卒採用サイトのデザイン事例

総合

三井物産株式会社

三井物産株式会社の新卒採用サイト
画像引用:三井物産株式会社の新卒採用サイト

三井物産株式会社の新卒採用サイトのデザイン事例です。

グローバル総合商社原田産業株式会社

グローバル総合商社原田産業株式会社の新卒採用サイト
画像引用:グローバル総合商社原田産業株式会社の新卒採用サイト

グローバル総合商社原田産業株式会社の新卒採用サイトのデザイン事例です。採用キャッチコピーは「HARADAが、やらな。」です。

【無料】新卒採用サイトの相談をする

専門

株式会社樋口商会

株式会社樋口商会の新卒採用サイト
画像引用:株式会社樋口商会の新卒採用サイト

株式会社樋口商会の新卒採用サイトのデザイン事例です。

日本紙パルプ商事株式会社

日本紙パルプ商事株式会社の新卒採用サイト
画像引用:日本紙パルプ商事株式会社の新卒採用サイト

日本紙パルプ商事株式会社の新卒採用サイトのデザイン事例です。採用キャッチコピーは「Paper,and beyond いっしょに、紙、そしてその向こうに」です。

【無料】新卒採用サイトの相談をする

小売の新卒採用サイトのデザイン事例

小売

株式会社パルコ

株式会社パルコの新卒採用サイト
画像引用:株式会社パルコの新卒採用サイト

株式会社パルコの新卒採用サイトのデザイン事例です。社員紹介や社員インタビューなどの実際に働いている方の生の声を多く掲載している新卒採用サイトになっています。このことでより働いている将来の自分を想像しやすくなっています。

推しポイント!

生の声が部署ごとでも見ることができるなど、実際にサイトに訪れる人に優しいデザインになっています。ここが好き!!

フェリシモ株式会社

フェリシモ株式会社の新卒採用サイト
画像引用:フェリシモ株式会社の新卒採用サイト

フェリシモ株式会社の新卒採用サイトのデザイン事例です。

株式会社ファーストリテイリング

株式会社ファーストリテイリングの新卒採用サイト
画像引用:株式会社ファーストリテイリングの新卒採用サイト

株式会社ファーストリテイリングの新卒採用サイトのデザイン事例です。採用キャッチコピーは「服を変え、常識を変え、世界を変えていく「人」へ。」です。

マルコ株式会社

マルコ株式会社の新卒採用サイト
画像引用:マルコ株式会社の新卒採用サイト

マルコ株式会社の新卒採用サイトのデザイン事例です。採用キャッチコピーは「明日が、もっと楽しみに。」です。

【無料】新卒採用サイトの相談をする

百貨店

クックマート株式会社

クックマート株式会社の新卒採用サイト
画像引用:クックマート株式会社の新卒採用サイト

クックマート株式会社の新卒採用サイトのデザイン事例です。採用キャッチコピーは「Delightでないと」です。

株式会社マルイ

株式会社マルイの新卒採用サイト
画像引用:株式会社マルイの新卒採用サイト

株式会社マルイの新卒採用サイトのデザイン事例です。採用キャッチコピーは「考えることをあきらめない」です。

【無料】新卒採用サイトの相談をする

専門店

株式会社良品計画

株式会社良品計画の新卒採用サイト
画像引用:株式会社良品計画の新卒採用サイト

株式会社良品計画の新卒採用サイトのデザイン事例です。採用キャッチコピーは「感じ良い暮らしと社会の実現 朝鮮の原動力は、「社会や人の役に立つ」」です。

株式会社ノジマ

株式会社ノジマの新卒採用サイト
画像引用:株式会社ノジマの新卒採用サイト

株式会社ノジマの新卒採用サイトのデザイン事例です。採用キャッチコピーは「前例のない挑戦を、前例のないやり方で。」です。

【無料】新卒採用サイトの相談をする

複合

株式会社ニトリ

株式会社ニトリの新卒採用サイト
画像引用:株式会社ニトリの新卒採用サイト

株式会社ニトリの新卒採用サイトのデザイン事例です。採用キャッチコピーは「君の夢は、君を創る。」です。

【無料】新卒採用サイトの相談をする

金融の新卒採用サイトのデザイン事例

銀行

株式会社静岡銀行

株式会社静岡銀行の新卒採用サイト
画像引用:株式会社静岡銀行の新卒採用サイト

株式会社静岡銀行の新卒採用サイトのデザイン事例です。イラストのようなデザインやその土地柄を生かしたデザインが静岡銀行の特色を強く表しています。募集要項に辿り着くまでのデザインがとてもワクワクさせるものになっています。

推しポイント!

一見色味の多いサイトですが、色のトーンが揃えられているため統一感があり、見ていても疲れないデザインになっています。ここが好き!!

株式会社みずほフィナンシャルグループ

株式会社みずほフィナンシャルグループの新卒採用サイト
画像引用:株式会社みずほフィナンシャルグループの新卒採用サイト

株式会社みずほフィナンシャルグループの新卒採用サイトのデザイン事例です。採用キャッチコピーは「変化の穂先であれ。」です。

【無料】新卒採用サイトの相談をする

証券

あかつき証券株式会社

あかつき証券株式会社の新卒採用サイト
画像引用:あかつき証券株式会社の新卒採用サイト

あかつき証券株式会社の新卒採用サイトのデザイン事例です。キャッチコピーは「進め 自分。」です。

【無料】新卒採用サイトの相談をする

金融

三井住友トラスト・ローン&ファイナンス株式会社

三井住友トラスト・ローン&ファイナンス株式会社の新卒採用サイト
画像引用:三井住友トラスト・ローン&ファイナンス株式会社の新卒採用サイト

三井住友トラスト・ローン&ファイナンス株式会社の新卒採用サイトのデザイン事例です。採用キャッチコピーは「私たちだからこそ、出来ることがある。」です。

【無料】新卒採用サイトの相談をする

その他

アコム株式会社

アコム株式会社の新卒採用サイト
画像引用:アコム株式会社の新卒採用サイト

アコム株式会社の新卒採用サイトのデザイン事例です。ブランドムービーやキャリアインタビューなど企業のブランド感を強くかんじることができるサイトになっています。コンテンツとして異なる部署同士のクロストークなどがあり、独自コンテンツが豊富です。

推しポイント!

メインのカラーがアコムといえばの赤を中心としており、そしてしろやグレーを用いた色味の構成になっておりとてもスタイリッシュなものになっています。ここが好き!!

【無料】新卒採用サイトの相談をする

サービスの新卒採用サイトのデザイン事例

広告

株式会社東急エージェンシー

株式会社東急エージェンシーの新卒採用サイト
画像引用:株式会社東急エージェンシーの新卒採用サイト

株式会社東急エージェンシーの新卒採用サイトの事例です。イラストをメインのモチーフとしながらもしっかりと示すべき項目を提示していることで探したい情報をすぐに見つけることができます。コンテンツも大学生が見てみたいと思うようにキャッチーなデザインにしています。

推しポイント!

デザインのメインとなっているイラストがそのサイトの統一感を演出しておりとても可愛いです!ここが好き!!

株式会社博報堂プロダクツ

株式会社博報堂プロダクツの新卒採用サイト
画像引用:株式会社博報堂プロダクツの新卒採用サイト

株式会社博報堂プロダクツの新卒採用サイトのデザイン事例です。募集要項がわかりやすい位置に配置されながらも、他にも社員レポートや実績紹介などがキャッチーなコンテンツとして紹介されています。独自コンテンツを多く掲載することで候補者に企業の特色を伝えるのに有効に働いていると考えられます。

推しポイント!

可愛らしいお菓子のようなデザインが目を惹き、entryのボタンもクリックしたくなるようなデザインになっています。ここが好き!!

【無料】新卒採用サイトの相談をする

物流

新運輸株式会社

新運輸株式会社の新卒採用サイト
画像引用:新運輸株式会社の新卒採用サイト

新運輸株式会社の新卒採用サイトのデザイン事例です。キャッチコピーは「新しい一日は、物流が支えている。地球の魅力を、物流がつないでいる。」です。

【無料】新卒採用サイトの相談をする

教育

株式会社JPホールディングスグループ

株式会社JPホールディングスグループの新卒採用サイト
画像引用:株式会社JPホールディングスグループの新卒採用サイト

株式会社JPホールディングスグループの新卒採用サイトのデザイン事例です。採用キャッチコピーは「すべては こどもたちの 笑顔のために」です。

株式会社公文教育研究会

株式会社公文教育研究会の新卒採用サイト
画像引用:株式会社公文教育研究会の新卒採用サイト

株式会社公文教育研究会の新卒採用サイトのデザイン事例です。大きく三つのテーマを解説しながらサイトを展開しています。そして全てのテーマを診終えるとentryへのボタンがあるという流れの構成がとてもわかりやすいものになっています。

推しポイント!

背景を人物の写真や青空にしながらもシンプルでわかりやすいデザインになっています。ここが好き!!

【無料】新卒採用サイトの相談をする

レストラン/フード

株式会社王将フードサービス

株式会社王将フードサービスの新卒採用サイト
画像引用:株式会社王将フードサービスの新卒採用サイト

株式会社王将フードサービスの新卒採用サイトのデザイン事例です。採用キャッチコピーは「KEEP ON GOING」です。

【無料】新卒採用サイトの相談をする

不動産

三菱地所レジデンス株式会社

三菱地所レジデンス株式会社の新卒採用サイト
画像引用:三菱地所レジデンス株式会社の新卒採用サイト

三菱地所レジデンス株式会社の新卒採用サイトのデザイン事例です。採用キャッチコピーは「一生ものに、懸ける」です。

株式会社オープンハウスグループ

株式会社オープンハウスグループの新卒採用サイト
画像引用:株式会社オープンハウスグループの新卒採用サイト

株式会社オープンハウスグループの新卒採用サイトのデザイン事例です。採用キャッチコピーは「悟るな。熱くれなれ。」です。

三井不動産リアルティ株式会社

三井不動産リアルティ株式会社の新卒採用サイト
画像引用:三井不動産リアルティ株式会社の新卒採用サイト

三井不動産リアルティ株式会社の新卒採用サイトのデザイン事例です。採用キャッチコピーは「責任を、誇りに」です。

株式会社FOLIO

株式会社FOLIOの新卒採用サイト
画像引用:株式会社FOLIOの新卒採用サイト

株式会社FOLIOの新卒採用サイトのデザイン事例です。

SHE株式会社

SHE株式会社の新卒採用サイト
画像引用:SHE株式会社の新卒採用サイト

SHE株式会社の新卒採用サイトのデザイン事例です。採用キャッチコピーは「しなやかに熱狂する。」です。

株式会社GAテクノロジーズ

株式会社GAテクノロジーズの新卒採用サイト
画像引用:株式会社GAテクノロジーズの新卒採用サイト

株式会社GAテクノロジーズの新卒採用サイトのデザイン事例です。

【無料】新卒採用サイトの相談をする

コンサルティング

株式会社セブンデックス

株式会社セブンデックスの新卒採用サイト

画像引用:株式会社セブンデックス

株式会社セブンデックスの新卒採用サイトのデザイン事例です。採用キャッチコピーは「デザインと戦略とデータをつなぎ、日本のマーケティングの負を打破する」です。

any株式会社

any株式会社の新卒採用サイト
画像引用:any株式会社の新卒採用サイト

any株式会社の新卒採用サイトのデザイン事例です。採用キャッチコピーは「さあここから チームシップで共に遠くへ」です。

株式会社アクトビ

株式会社アクトビの新卒採用サイト
画像引用:株式会社アクトビの新卒採用サイト

株式会社アクトビの新卒採用サイトのデザイン事例です。採用キャッチコピーは「MAKE PROGRESS ブレずに、前へ。」です。

株式会社フォーデジット

株式会社フォーデジットの新卒採用サイト
画像引用:株式会社フォーデジットの新卒採用サイト

株式会社フォーデジットの新卒採用サイトのデザイン事例です。

株式会社揚羽

株式会社揚羽の新卒採用サイト事例
画像引用:株式会社揚羽の新卒採用サイト

株式会社揚羽の新卒採用サイトのデザイン事例です。採用キャッチコピーは「デカイトコよりデカイコト。」です。

株式会社エムハンド

株式会社エムハンドの新卒採用サイト
画像引用:株式会社エムハンドの新卒採用サイト

株式会社エムハンドの新卒採用サイトのデザイン事例です。

【無料】新卒採用サイトの相談をする

人材関連

株式会社リクルート

株式会社リクルートの新卒採用サイト
画像引用:株式会社リクルートの新卒採用サイト

株式会社リクルートの新卒採用サイトのデザイン事例です。採用キャッチコピーは「PLAY RECRUIT、PLAY OPPORTUNITIES」です。

アコーダー株式会社

アコーダー株式会社の採用サイト
画像引用:アコーダー株式会社の採用サイト

アコーダー株式会社の新卒採用サイトのデザイン事例です。採用キャッチコピーは「心を合わせて創造する」です。

【無料】新卒採用サイトの相談をする

冠婚葬祭

株式会社グッドラック

株式会社グッドラックの新卒採用サイト
画像引用:株式会社グッドラックの新卒採用サイト

株式会社グッドラックの新卒採用サイトのデザイン事例です。採用キャッチコピーは「期待以上の世界できるかは、私にかかっている」です。

【無料】新卒採用サイトの相談をする

自動車

オリックス自動車株式会社

オリックス自動車株式会社の新卒採用サイト
画像引用:オリックス自動車株式会社の新卒採用サイト

オリックス自動車株式会社の新卒採用サイトのデザイン事例です。採用キャッチコピーは「動く、を動かす。」です。

【無料】新卒採用サイトの相談をする

その他サービス

ワンメディア株式会社

ワンメディア株式会社の新卒採用サイト
画像引用:ワンメディア株式会社の新卒採用サイト

ワンメディア株式会社の新卒採用サイトのデザイン事例です。採用キャッチコピーは「ONE BY ONE」です。

株式会社アールイコール

株式会社アールイコールの新卒採用サイト事例
画像引用:株式会社アールイコールの新卒採用サイト

株式会社アールイコールの新卒採用サイトのデザイン事例です。採用キャッチコピーは「その野心、買い取ります。」です。

光東株式会社

光東株式会社の新卒採用サイト事例
画像引用:光東株式会社の新卒採用サイト

光東株式会社の新卒採用サイトのデザイン事例です。採用キャッチコピーは「インフラづくりへの貢献」です。

ハウステンボス株式会社

ハウステンボス株式会社の新卒採用サイト事例
画像引用:ハウステンボス株式会社の新卒採用サイト

ハウステンボス株式会社の新卒採用サイトのデザイン事例です。

株式会社アトリエはるか

株式会社アトリエはるかの新卒採用サイト事例
画像引用:株式会社アトリエはるかの新卒採用サイト

株式会社アトリエはるかの新卒採用サイトのデザイン事例です。採用キャッチコピーは「#伴走者」です。

エームサービス株式会社

エームサービス株式会社の新卒採用サイト事例
画像引用:エームサービス株式会社の新卒採用サイト

エームサービス株式会社の新卒採用サイトのデザイン事例です。採用キャッチコピーは「栄養士になったあなたに”もうひとつの家族”」です。

株式会社ライセンスアカデミー

株式会社ライセンスアカデミーの新卒採用サイト事例
画像引用:株式会社ライセンスアカデミーの新卒採用サイト

株式会社ライセンスアカデミーの新卒採用サイトの新卒採用サイトのデザイン事例です。

株式会社イプロス

株式会社イプロスの新卒採用サイト事例
画像引用:株式会社イプロスの新卒採用サイト

株式会社イプロスの新卒採用サイトのデザイン事例です。採用キャッチコピーは「キミの野心で、ビジネスに変革を。」です。

株式会社アイクルール

株式会社アイクルールの新卒採用サイト事例
画像引用:株式会社アイクルールの新卒採用サイト

株式会社アイクルールの新卒採用サイトのデザイン事例です。

ポート株式会社

ポート株式会社の新卒採用サイト事例
画像引用:ポート株式会社の新卒採用サイト

ポート株式会社の新卒採用サイトのデザイン事例です。採用キャッチコピーは「FULL OF CHANCE!」です。

【無料】新卒採用サイトの相談をする

マスコミの新卒採用サイトのデザイン事例

株式会社WOWOW

株式会社WOWOWの新卒採用サイト事例
画像引用:株式会社WOWOWの新卒採用サイト

株式会社WOWOWの新卒採用サイトのデザイン事例です。青と黒という強いイメージの色を使いながらも本当に伝えたいことを明確に示すようなコンテンツが豊富になっています。wowowの今、これまで、これから、といったような枠組みのコンテンツがあることで候補者が企業について深い理解をすることができます。

推しポイント!

アニメーションデザインとして文字に揺れをもたらすことで映像コンテンツを扱うwowowの特色を強く示しています。ここが好き!!

読売新聞社

読売新聞社の新卒採用サイトのデザイン事例
画像引用:読売新聞社の新卒採用サイト

読売新聞社の新卒採用サイトのデザイン事例です。新聞社らしく背景に文字を入れたデザインになっています。職種の紹介や社員によるメッセージなどのコンテンツが新聞記事のようなデザインで掲載されています。

推しポイント!

基本的に白黒グレーを基調としており、ポイントカラーとして水色を用いています。色味にも新聞社らしさが出ています。ここが好き!!

【無料】新卒採用サイトの相談をする

ITの新卒採用サイトの事例

IT/ソフトウェア

株式会社プロフェッショナル・ネットワークス

株式会社プロフェッショナル・ネットワークスの新卒採用サイト事例
画像引用:株式会社プロフェッショナル・ネットワークスの新卒採用サイト

株式会社プロフェッショナル・ネットワークスの新卒採用サイトのデザイン事例です。イラストをメインのモチーフとしています。イラストを用いながらも、スクロールをして見ていくと候補者が求める情報が順番に出てきます。このことで流れよく求める情報に辿り着くことができます。

推しポイント!

漫画のようなイラストを用いて職業紹介などをキャッチーに行っています。ここが好き!!

株式会社サイバーエージェント

株式会社サイバーエージェントの新卒採用サイト事例
画像引用:株式会社サイバーエージェントの新卒採用サイト

株式会社サイバーエージェントの新卒採用サイトのデザイン事例です。

株式会社カプコン

株式会社カプコンの新卒採用サイトのデザイン事例
画像引用:株式会社カプコンの新卒採用サイト

株式会社カプコンの新卒採用サイトのデザイン事例です。採用キャッチコピーは「その感性を世界中の大歓声へ」です。

株式会社ディンプス

株式会社ディンプスの新卒採用サイトのデザイン事例
画像引用:株式会社ディンプスの新卒採用サイト

株式会社ディンプスの新卒採用サイトのデザイン事例です。採用キャッチコピーは「世界にもっとワクワクを」です。

全研本社株式会社

全研本社株式会社の新卒採用サイトのデザイン事例
画像引用:全研本社株式会社の新卒採用サイト

全研本社株式会社の新卒採用サイトのデザイン事例です。

株式会社PLAN-B

株式会社PLAN-Bの新卒採用サイトのデザイン事例
画像引用:株式会社PLAN-Bの新卒採用サイト

株式会社PLAN-Bの新卒採用サイトのデザイン事例です。採用キャッチコピーは「CREATE,and GROW 創ることが成長だ」です。

【無料】新卒採用サイトの相談をする

広告

デジタル・アドバタイジング・コンソーシアム株式会社

デジタル・アドバタイジング・コンソーシアム株式会社の新卒採用サイトのデザイン事例
画像引用:デジタル・アドバタイジング・コンソーシアム株式会社の新卒採用サイト

デジタル・アドバタイジング・コンソーシアム株式会社の新卒採用サイトのデザイン事例です。字のポイント数がメリハリを持って配置されているため、わかりやすいサイト設計になっています。また目次が最初の画面の右下にあることで欲しい情報に素早く辿り着くことができます。

推しポイント!

カーソルを動かすと一緒になって移動するアニメーションがとてもデザイン性があるものになっています。ここが好き!!

株式会社日本経済社

株式会社日本経済社の新卒採用サイトのデザイン事例
画像引用:株式会社日本経済社の新卒採用サイト

株式会社日本経済社の新卒採用サイトのデザイン事例です。採用キャッチコピーは「CREATE,and GROW 創ることが成長だ」です。

株式会社トライステージ

株式会社トライステージの新卒採用サイトのデザイン事例
画像引用:株式会社トライステージの新卒採用サイト

株式会社トライステージの新卒採用サイトのデザイン事例です。採用キャッチコピーは「change Tri-Stage 革新に挑め」です。

【無料】新卒採用サイトの相談をする

通信

NTT東日本(東日本電信電話株式会社)

東日本電信電話株式会社の新卒採用サイトのデザイン事例
画像引用:東日本電信電話株式会社の新卒採用サイト

NTT東日本(東日本電信電話株式会社)の新卒採用サイトのデザイン事例です。採用キャッチコピーは「キミがいなかったら、なかった未来 つなげて、うみだせ。」です。

株式会社ココナラ

株式会社ココナラの新卒採用サイトのデザイン事例
画像引用:株式会社ココナラの新卒採用サイト

株式会社ココナラの新卒採用サイトのデザイン事例です。採用キャッチコピーは「create wonderful story」です。

ペイペイ株式会社

ペイペイ株式会社の新卒採用サイトのデザイン事例
画像引用:ペイペイ株式会社の新卒採用サイト

ペイペイ株式会社の新卒採用サイトのデザイン事例です。採用キャッチコピーは「THE FUTURE IS NOW 未来を変えるのは今だ。」です。

株式会社講談社

株式会社講談社の新卒採用サイトのデザイン事例
画像引用:株式会社講談社の新卒採用サイト

株式会社講談社の新卒採用サイトのデザイン事例です。採用キャッチコピーは「君の世界を、君が世界へ!」です。

株式会社白泉社

株式会社白泉社の新卒採用サイトのデザイン事例
画像引用:株式会社白泉社の新卒採用サイト

株式会社白泉社の新卒採用サイトのデザイン事例です。採用キャッチコピーは「すべては、妄想から」です。

株式会社ROBOT PAYMENT

株式会社ROBOT PAYMENTの新卒採用サイトのデザイン事例
画像引用:株式会社ROBOT PAYMENTの新卒採用サイト

株式会社ROBOT PAYMENTの新卒採用サイトのデザイン事例です。採用キャッチコピーは「あなたの挑戦が会社の成長を加速させる」です。

ポーターズ株式会社

ポーターズ株式会社の新卒採用サイトのデザイン事例
画像引用:ポーターズ株式会社の新卒採用サイト

ポーターズ株式会社の新卒採用サイトのデザイン事例です。採用キャッチコピーは「I’m a Porter.Fighter.Dreamer.」です。

株式会社マネーフォーワード

株式会社マネーフォーワードの新卒採用サイトのデザイン事例
画像引用:株式会社マネーフォーワードの新卒採用サイト

株式会社マネーフォーワードの新卒採用サイトのデザイン事例です。採用キャッチコピーは「マネーフォワードで人生をもっと前へ。」です。

サイボウズ株式会社

サイボウズ株式会社の新卒採用サイトのデザイン事例
画像引用:サイボウズ株式会社の新卒採用サイト

サイボウズ株式会社の新卒採用サイトのデザイン事例です。採用キャッチコピーは「チームワークあふれる社会を創る」です。

株式会社ALL CONNECT

株式会社ALL CONNECTの新卒採用サイトのデザイン事例
画像引用:株式会社ALL CONNECTの新卒採用サイト

株式会社ALL CONNECTの新卒採用サイトのデザイン事例です。採用キャッチコピーは「切り拓く未来を、あなたらしく にぎやかに。」です。

株式会社ウェルモ

株式会社ウェルモの新卒採用サイトのデザイン事例
画像引用:株式会社ウェルモの新卒採用サイト

株式会社ウェルモの新卒採用サイトのデザイン事例です。採用キャッチコピーは「LIGHT FOR ALL」です。

株式会社小学館

株式会社小学館の新卒採用サイトのデザイン事例
画像引用:株式会社小学館の新卒採用サイト

株式会社小学館の新卒採用サイトのデザイン事例です。採用キャッチコピーは「大きく実る種をまこう」です。

株式会社フクロウラボ

株式会社フクロウラボの新卒採用サイトのデザイン事例
画像引用:株式会社フクロウラボの新卒採用サイト

株式会社フクロウラボの新卒採用サイトのデザイン事例です。採用キャッチコピーは「仕事ができる人より 仕事に向き合える人と働きたい」です。

【無料】新卒採用サイトの相談をする

放送

東映株式会社

東映株式会社の新卒採用サイトのデザイン事例
画像引用:東映株式会社の新卒採用サイト

東映株式会社の新卒採用サイトのデザイン事例です。

【無料】新卒採用サイトの相談をする

官公庁/公社/団体の新卒採用サイトのデザイン事例

国土交通省

画像引用:国土交通省の新卒採用サイト

国土交通省の新卒採用サイトのデザイン事例です。国土交通省で行っている業務の内容などがわかりやすくサイトに配置されています。職員紹介やイベントの紹介など候補者が必要な項目が十分にわかりやすく示されています。

推しポイント!

写真が多く用いられていることで想像しづらい省庁の職場環境をイメージすることができます。ここが好き!!

警視庁

警視庁の新卒採用サイトのデザイン事例
画像引用:警視庁の新卒採用サイト

警視庁の新卒採用サイトのデザイン事例です。映像をサイドに配置し流しておくことで警視庁の業務の幅広さを意識的に伝えることができます。普段制服姿の職員の人たちの私服姿のコンテンツを設けることで自分たちに近い存在であることを連想させ、より候補者に親近感を抱かせるようになっています。

推しポイント!

豊富なコンテンツにより、遠いイメージがあった警視庁の職業にも親しさを感じさせます。ここが好き!!

JAXA

JAXAの新卒採用サイトのデザイン事例
画像引用:JAXAの新卒採用サイト

JAXAの新卒採用サイトのデザイン事例です。採用キャッチコピーは「未知こそ、未来だ。」です。

【無料】新卒採用サイトの相談をする

新卒採用サイトのトレンド

最後に、私自身が100個ほどの新卒採用サイトの事例を集めていく中で気づいた傾向をご紹介します。

1 社員の声

まずは必ず新卒向けのサイトには社員の実際の声がわかるコンテンツがあります。社員インタビューがあることで候補者はその会社で働く姿を想像しやすくなります。

関連記事:採用サイトの社員インタビューの作り方!質問例や参考事例も紹介

2 動画による企業の説明

動画を用いてその企業のことや業界のことを解説するコンテンツが多く見受けられました。このコンテンツがあることで実際の働いている場面を目で見ることができたり、その企業に関わることを候補者にわかりやすく伝えることができたりします。

このコンテンツを持つ企業はサイトの最初のページにこの動画を見る流れにしていることが多かったです。そうすることで企業のイメージを早い段階から候補者に持たせることができるのだと感じました。

関連記事:採用動画の効果とは?注目される理由、メリット、トレンドを紹介
関連記事:採用動画の作り方とは?7つのコツ、流れ、事例、費用を解説!
関連記事:採用動画100選!参考にしたい採用動画を業種別にご紹介!!
関連記事:採用動画制作におすすめの映像制作会社10選!
関連記事:採用動画の費用・相場!見積もり事例、料金を安く抑える方法も解説

3 独自コンテンツ

そして独自コンテンツは各企業の特色が強く現れるものです。具体的には社員の声だけではなく、さらに新入社員の声についてのコンテンツなどです。より候補者に近い存在である新入社員の声をコンテンツとして掲載することで候補者の企業に関わるさらなる理解を促すことができます。

関連記事:現役デザイナーが採用サイトのトレンドを紹介!心が動いたデザイン事例まとめ
関連記事:かっこいい採用サイトの事例!デザインのトレンドも紹介

新卒採用サイトに入れるべきコンテンツ

採用サイトに掲載するコンテンツ

新卒採用サイトに掲載すると良いコンテンツの種類は「会社について」「事業について」「組織について」「環境について」の4つ。すべてを作る必要はなく、予算や納期と相談しながらチョイスしてください。次の5つは必ず入れましょう。

  • 募集要項
  • 社長メッセージ
  • 社員インタビュー
  • 働くメリット

新卒採用サイトを作る際は下記の記事も参考にしてください。

関連記事採用サイトのコンセプトの作り方、事例、キャッチコピーを紹介
関連記事採用サイトの作り方をプロが解説!作成手順、作り方のポイントも紹介
関連記事採用サイトのコンテンツ12種類とチェックリストを紹介

まとめ

最後までお読みいただきありがとうございました。新卒採用サイトを作るときは、採用サイトの制作に役立つ記事も合わせてご覧ください。

関連記事採用サイト制作の費用相場、見積もり事例、料金を抑えるコツを解説
関連記事採用サイトのリニューアル相場・費用や料金を抑えるコツを解説
関連記事:採用サイトをリニューアルするポイント、タイミングや費用を解説
関連記事採用サイト制作におすすめの制作会社10選!選び方や費用も紹介
関連記事採用サイトの効果とは?メリットや必要性、運用方法を解説
関連記事採用キャッチコピーの事例25選!作り方も解説!

hypexでは採用マーケティング会社として採用サイト制作を支援しています。独自コンテンツ制作に関わるお悩みもお気軽にお尋ねください。ご興味ある方は、ぜひサービスページをご覧ください。

【無料】株式会社hypexに新卒採用サイトの相談をする