2020卒が選ぶ!就職したくなるおしゃれな採用サイト25選まとめ

DESIGNER
  • 「採用サイトを作りたいけれど、ビジュアルイメージが湧かない!」
  • 「他社はどんな採用サイトを作っているのか知りたい!」

とお困りの方へ。

現在就活中である2020卒の私が、就活の中で出会った「思わず就職したくなる!」おしゃれな採用サイトを25個まとめました。

採用サイト作成時のコンテンツやワイヤーフレームを制作する際に、ぜひ参考にしてください!

目次

1. ビズリーチ / 動画と文字のインパクトで魅せる

文字が全面に押し出されたデザインが印象的なビズリーチの新卒採用サイト。

サイトを開くと「HACK OUR FUTURE」という文字と社員さんの顔の写真が次々に現れ、インパクトを与えます。サイト自体も必要な情報が分かりやすくまとめられていて、見やすいものになっています。

ビズリーチ

2. 楽天 / 絵と写真を組み合わせて事業領域の広さをアピール

楽天の新卒採用サイト。街の絵とそこで活躍する社員さんが描かれています。

下にスクロールすると街の絵とともに会社のメッセージや社員さんの様子を見ることができます。社会全体に影響を与える事業領域の広さが伝わり、社会人になってから活躍できそうなイメージが湧いてきます。

楽天

3. チームラボ / 職場の動画で業務風景を見せる

チームラボの採用サイト。

背景に職場の動画を流していて、オフィス内の様子や働いている様子が分かりやすいものになっています。下にスクロールしていくと職種やプロジェクトなどが必要最低限の言葉で説明されており、非常にシンプルで見やすいことが魅力。

チームラボ

4. レバレジーズ / YouTube上の動画を見せる

レバレジーズの新卒採用サイト。

中央のPLAY STORYというボタンを押すとYouTubeにあげられている動画が再生されます。新卒採用動画を用意する企業も多いですが、それを一番最初に見せるのも良いですね。動画もサイトもスタイリッシュかつオシャレにまとめられていて、「ここで働きたい!」と思うような採用サイトになっています。

レバレジーズ

5. ADK / スタメン採用。あなたの個性はどれ?

「スタメン採用」ADKの新卒採用サイト。9つの求める個性が並べられており、それぞれをクリックすると求められる人物像を詳細に見ることができます。

思わず自分と合う個性を探したくなるデザインで、サイトを見てるだけでワクワクしてきます。会社に合わせるのではなく自分の個性を大事にしてほしいという会社の採用方針が伝わってきます。

ADK

6. GA TECHNOLOGIES / 魅力的なUXを採用サイトでも

GA technologiesの新卒採用サイト。「#求むゲームチェンジャー。」という文字が目を引きます。

スクロールすると、メッセージや会社について書かれた文字が次々にあらわれ、ストレスなく読み進めることができますね。また文字の横に動画が埋め込まれているので、クリックして詳細を読みたくなります。

GA TECHNOLOGIES

7. 講談社 / 「とんがり人間集まれ!」興味を引く言葉とイラスト

「とんがり人間集まれ!」という言葉とヒーローのようなイラストが特徴的なのは講談社の採用サイト。

特徴的なイラストで興味をひき、下の会社説明や社員紹介にうまく繋げています。「採用案内所」では、「選考の流れ」や「新入社員アンケート」など就活生が知りたいコンテンツとともに、「内定者エッセイ」という講談社ならではのコンテンツがあり、「会社ならでは」を押しだした魅力あるサイトとなっています。

講談社

8. アカツキ / 綺麗なイラストを背景に使用

アカツキの新卒採用サイト。「Make The World Colorful. 世界をカラフルに輝かせよう」というメッセージを象徴するような、カラフルで綺麗なイラストが大きく載っています。

スクロールしていくと背景はこのイラストのままで、会社のビジョンや事業領域などの情報が流れてきます。全体的にカラフルですが、スタイリッシュにまとめられており見やすいサイトになっています。

アカツキ

9. テレビ朝日 / 仕事や人へのワクワク感を感じさせる作戦

テレビ朝日の新卒採用サイト。

「ようこそおもちゃ箱へ」というメッセージが、入社したら面白い人や、面白い仕事がたくさん待っているのかな?というワクワク感を感じさせます。また、イラストを使って、テレビ業界の複雑な職種をわかりやすく解説しています。

テレビ朝日

10. 電通 / 縦長に繋げ、興味を引くデザイン

こちらは電通の新卒採用HP。サイトを開くとアニメーションが始まり、縦長に伸びた建物の下から上の方に視点が上がっていきます。

建物の中に黄色くスポットされた部分があり、そこをクリックすると事業紹介や社員紹介などを見ることができます。忙しい就活生でも、思わず全部見てしまいたくなるような遊び心あふれる素敵なデザインです。

電通

11. プライムクロス / ブラウン管のようなアニメーションで印象付ける

プライムクロスの新卒採用サイト。ブラウン管のような写真のアニメーションをつけ、印象深くしています。

左側にメニューバーを常に配置することで、閲覧者が操作しやすいのも好印象です。

プライムクロス

12. DeNA / 会社メッセージと働く社員さんの生き生きとした様子を伝える

DeNAのGENERALコースの採用サイト。カラフルな背景に会社のメッセージと社員さんの写真がのっています。

下にスクロールしていくと会社のメッセージや採用情報などがシンプルにまとめられており、就活生からすると余計な情報が入ってこないので見やすいです。エントリーのボタンを押すと社長から就活生へのメッセージが載せられていて、採用に力を入れている様子が伝わってきます。

DeNA

13. WOWOW / 員さんの顔で「好き」をアピール!

Wの形に色付けられた背景に社員さんの顔が並ぶのはWOWOWの新卒採用サイト。社員さんの笑顔をファーストビューに使った斬新なデザインです。「あなたの好きが、誰かの好きになる」というメッセージどおり、追求された「好き」の価値を前面に押しだしています。

全体的に青と黄色で統一されたサイトには大きく社長メッセージや会社概要がまとめられており、自分の見たい情報にわかりやすくリーチすることができます。

WOWOW

14. バンダイ / 世界中の子どもや大人のワクワクを散りばめる

 

バンダイの新卒採用HP。地球を背景に子供から大人までの写真をたくさん散りばめています。

見ているこちらが笑顔になるような、世界中の人々の笑顔が素敵なデザイン。サイト全体がポップな雰囲気でまとめられており、バンダイの会社の雰囲気がわかりやすく表されています。

バンダイ

15. ジェイアール東日本企画 / 社員さん一人一人が流れてくる

ジェイアール東日本企画の新卒採用サイト。「『君』が創る、心踊る」というメッセージを表現した、社員さん一人一人にフォーカスした採用サイトになっています。画面を操作しなくても社員さんの写真と、社員さんのインタビュー記事へのリンクが流れてきます。

流れてくる一人一人をクリックすると、社員インタビューの記事へ流れます。インタビュー内では実際の業務内容やこの会社を選んだ理由など、就活生が知りたい情報を一人一人詳しく載せているので非常に参考になるサイトです。

ジェイアール東日本企画

16. PLAN-B / 余計なものはいれないスマートさ

PLAN-Bの新卒採用サイト。横顔をバックに、透かした文字を入れてあって、とてもすっきりした見やすいサイトです。

スクロールしていくと社員さんのインタビューが掲載されています。人の顔が多く、賑やかになりそうなインタビュー掲載画面も、体を斜めで切って画像を挿入するなどして、スマートに演出しています。

PLAN-B

17. Yahoo! / 背景に動画を流して魅力を伝える

Yahoo!

Yahoo!の採用サイト。新卒から中途までこのサイトで募集しています。すぐにエントリーをしたい方は、「ENGINEER」「DESIGNER」「 BUSINESS」などの職種を選んでエントリーでき、Yahoo!についてもっと知りたい方は上のコンテンツタブから選ぶことができます。

背景が画像ではなく動画なので、実際に働いている様子が自然と見られるというのも良いですね。

Yahoo!

18. ANA / 世界を目指す姿を動画で魅せる

ANA

ANAの採用サイト。URLを開くとすぐに背景の動画が再生され、空港へ向かうと思われるパイロットの足取りやCAの顔つき、整備員の背中などが印象的に映されています。

50以上もの社員インタビューを掲載しているので、就活生はどんな働き方ができるのかイメージしやすくなりますね。

ANA

19. ティップネス / ポップな印象を押しだしていく!

ティップネスの新卒採用サイト。会社の採用メッセージの「”PRIDEを”を持っている」という文字を社員さんの写真で囲んでいます。

全体的にポップにまとめられたデザインの中に、社員さんにフォーカスした情報が多く並べられています。業務内容から休日の過ごし方まで書いてあり、自分が働くイメージが湧きやすいです。

ティップネス

20. SILVER WOOD / テーマに合わせて文字もひっくり返す作戦

SILVER WOODという建築会社の採用サイト。女性の顔の上のメッセージが、ひっくり返っていますね。「社会課題を解決するためになら、今の常識だって、ひっくり返した方がいい。」というメッセージをこめ、あえてひっくり返しています。

初めて見たとき、「ん!?なにこれ?」と気になるポイントがあると、その先を読んでみたくなりますよね。思い切ってメッセージをひっくり返すようなトリッキーな手法もアリかもしれません。

SILVER WOOD

21. クックパッド / 白抜きで「挑戦」を強調

クックバッドの新卒採用サイト。「世界を幸せにする挑戦をしよう」というメッセージ印象深く心に刺さりますね。

メッセージや募集要項、働く環境など、「働く」を前提としたサイト構成になっています。

cookpad

22. LINE / おなじみのフォント&カラーで身近に感じさせる

LINEの採用サイト。

「世界にWow!を創りだす!」という英語のメッセージとともに、おなじみのLINEカラーをベースに作られています。LINEでよく使われているフォントなので、LINEを利用している就活生にとっては、初めて見たのに身近に感じるサイトでしょう。

LINE

23. ドワンゴ / 解体新書で魅力を伝える

ドワンゴの新卒採用サイト。シンプルなデザインにすることによって「モノを創る、コトを動かす。」というメッセージが目を引きます。

下にスクロールしていくと、ビジネス職・エンジニア職・デザイナー職の紹介が載っています。真っ白な背景に帯状に色を加えることによって、スッキリした印象を持たせながら情報を見やすいデザインになっています。

ドワンゴ

24. ORO / 採用サイトはシンプルイズベスト……?

白と黒でシンプルにデザインされた、OROの新卒採用サイト。と思いきや、URLを開くと、カラフルなガラスの破片が集まって「ORO」という文字をつくり、また粉々になっては「THINK OVER AND OVER」や「TRY! TRY! TRY!」など違う文字に変わっていく、素敵な演出がなされています。

一瞬でユーザーを惹きつけるファーストビューに凝るのもおすすめです。

ORO

25. 面白法人カヤック / 「就活はルールなし。」

面白法人カヤック

面白法人カヤックの新卒採用情報。

カヤックのサイトの一部ですが、「ルールなし就活」が面白いので掲載しました。学歴や卒業時期を問わず、本質を見つめる採用を行なっています。

面白法人カヤック

まとめ

いかがでしたか?

各企業とも、企業カラーを出した独自の採用サイトを作り上げています。

少しでも、採用サイト制作時の参考になれば幸いです。

SHARE

RELATED

  • お問い合わせ
  • お問い合わせ
  • お問い合わせ