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

  • 「新卒採用や中途採用のWebサイトを作りたいけれど、コンテンツや内容がイマイチわからない」
  • 「他社はどんなサイトを作っているのか知りたい!」

という方へ。

先日就活を終えたばかりの2019年卒の私が、就活の中で出会った「思わず就職したくなる!」おしゃれな採用サイトを25個まとめました。

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

目次

1. リクルート / 「KEEP YOU WEIRD」メッセージを直感的に伝える

リクルート

「KEEP YOU WEIRD」というメッセージが印象的なリクルートの新卒採用サイト。

サイトを開くと音楽が流れはじめ、背景が揺らめくように変わっていくのとあいまって、感性が揺さぶられます。スクロールするとメッセージが表示され、直感的なデザインと直球のメッセージに心を打たれるひとも多いはず。

リクルート

2. 楽天 / 企業カラーをうまく活用

楽天

楽天の新卒採用サイト。楽天のカラーである赤と白を効果的に使ったサイトで、一目見て「楽天のサイトだ!」とわかるデザインですね。

左に男性、右に女性があらわれ、数秒ごと社員さんの写真が移り変わっていきます。タブをクリックしなくても社員さんの写真を見ることができるので、「この人の雰囲気、わたしに合ってるかも」という直感的な印象を持ちやすいですね。

楽天

3. コクヨ / 大事な信念を言葉で打ち出していく作戦

コクヨ

コクヨの新卒採用サイト。「描くものは同じでも、やり方はいくらでもある。」「経験よりも情熱こそが人を動かす。」など、 就活生へのメッセージが全面的に押し出されています。

コクヨでの働き方や仕事内容を、文章だけでなく動画で公開しているので、実際の働く様子がよくわかって就活生には嬉しいサイトです。

コクヨ

4. TOPPAN / 「可能性を絞るには、早すぎる。」直球で心を打つ!

TOPPAN

「可能性を絞るには、早すぎる。」という印象的なメッセージを打ち出すのは、TOPPANの新卒採用サイト。

「ENTRY」「MOVIE」「MY PAGE」など、つい多くのコンテンツを詰め込みたくなる気持ちを抑えて最低限の文字情報を出しています。3つの情報だけでも就活生には十分伝わりますし、むしろサイトがすっきり見えて好印象です。

TOPPAN

5. ADK / 相棒採用。社員が流れてくる!?

ADK

「相棒採用」ADKの新卒採用サイト。ミニチュアの社員が、右下から左上に川のように流れるデザインになっていて、開くとつい画面を動かしてみたくなります。

実際の社員の表情を大きく見せる会社は多いですが、あえて頭の先から脚の先までを見せることで、ファッションやその人の雰囲気を全体的に見ることができます。さらに、会社全体の雰囲気や男女比もわかりますね。

ADK

6. GA TECHNOLOGIES / 使いやすいUI/UXを採用サイトでも

GA TECHNOLOGIES

「GA TECHNOLOGIES」の新卒。中途採用サイト。「TECHで世界を、変えていく。」という文言がまず始めに出てきて、そのあと上画像のようなおしゃれな画面に切り替わります。

絵筆で勢いよく書かれたような文字が、画面全体に温かみを与えています。スクロールすると、メッセージや会社について書かれた文字が次々にあらわれ、ストレスなく読み進めることができますね。

GA TECHNOLOGIES

7. 講談社 / 手書きイラストや作文用紙で手作り感を演出

講談社

かわいらしい人間のイラストが印象的なのは、講談社の新卒採用サイト。昔懐かしい縦書きの作文用紙を背景に、モデルやクリエイター、サラリーマン、経営者風の人間のイラストが散りばめられています。

この下に「採用メッセージ」「講談社の仕事」「採用案内所」「募集要項」「エントリー/ログイン」というタブがあり、クリックするとそれぞれのページに飛べるようになっています。「採用案内所」では、「選考の流れ」や「新入社員アンケート」など就活生が知りたいコンテンツとともに、「内定者エッセイ」という講談社ならではのコンテンツがあり、「会社ならでは」を押しだした魅力あるサイトとなっています。

講談社

8. A-WORKS / 「すげぇこと、しよう!」理念に忠実に採用サイトをデザイン

A-WORKS

大阪のインターネットの広告代理店である、 A-WORKSの新卒採用サイト。URLを開くと、金と銀の斧を持った神が登場し、「あなたが入りたいのは大企業?ベンチャー?それとも第3の会社?」という三択の質問をされます。選択の先には一体何が…?ぜひ、あなたの目で確かめてください。

A-WORKSは、「すげぇことしよう!」との理念のもと、変わった取り組みを積極的におこなっている会社です。会社の面白みを見るだけで感じられる、素晴らしい採用サイトですね。

 A-WORKS

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

テレビ朝日

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

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

テレビ朝日

10. 電通 / 実績を動画で確実に打ち出していく

電通

電通の新卒採用サイト。URLを開くと同時に、1分ほどの動画が再生され、サイトのコンテンツ内容がどんどん流れてきます。

auやTOYOTA、ポカリスウェット、東京メトロなどのCMや大分県別府市の湯〜園地企画など、見た人が「これ知ってる!」「見たことある!」というような、自社の実績を大きくアピール。画面の遷移がはやく、もう少しゆっくり見たいのに見れないというもどかしさが、動画終了後もユーザーにコンテンツタブをクリックさせています。

電通

11. DENSO / 落ち着いたイメージをサイトから伝える

DENSO

DENSOの新卒採用サイト。2分弱の動画でメッセージが流れてくるのが印象的です。

スクロールすると、「仲間について」「人材育成について」「ダイバーシティについて」など企業が大切にしていることが紹介されています。デザインは落ち着いた感じで、等間隔でコンテンツが並んでいます。新卒採用サイトひとつにも、企業の色が出るので、ほかと比べてどう見えるのか?という視点を入れるのは大切ですね。

DENSO

12. DeNA / エネルギッシュな雰囲気を色で伝える

DeNA

DeNAのリクルートサイト。さまざまな色のペンキをぶちまけ、それが融合するようなカラフルなファーストビューが魅力的ですね。「BE A CHANGE AGENT〜うねりを創る主体者であれ〜」というメッセージを、背景色がより際立たせています。

「ENGINEER」「BUSINESS 」「DESIGNER」など、職種ごとに説明ページがあり、初めて来た人にもわかりやすく、操作しやすいUIですね。

DeNA

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

WOWOW

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

WOWOW

14. バンダイ / 小さなこどもの写真を効果的に使用

バンダイ

バンダイの新卒採用サイト。

背景のこどもたちの写真が数秒ごとに移り変わっていくので、「こどもたちをわくわさせたい!」というバンダイの企業メッセージが伝わってくるサイトです。バンダイカラーの赤色を取り入れた、遊び心溢れるかわいらしいデザインが魅力です。

バンダイ

15. ジェイアール東日本企画 / カラフルに、面白さを伝える

ジェイアール東日本企画

「FUN TO ALL〜楽しむことからすべてはじまる〜」というメッセージを前面に打ち出す作戦のジェイアール東日本企画。実際のプロジェクト紹介や会社の特徴などは、イラストの本やパソコンにカーソルを当てクリックすると表示されます。

ジェイアール東日本企画

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

PLAN-B

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

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

PLAN-B

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

Yahoo!

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

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

Yahoo!

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

ANA

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

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

ANA

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

ティップネス

ティップネスの採用サイト。「仕事を知ろう」「社員を知ろう」「会社を知ろう」「採用情報を知ろう」という4つの項目で構成されています。

全体的にポップでかわいい印象を押し出しており、フォントも太くて四角いゴシック体を使っています。フォントにも自社の色を出していく姿勢が素敵ですね。

ティップネス

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

SILVER WOOD

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

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

SILVER WOOD

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

cookpad

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

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

cookpad

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

LINE

LINEの採用サイト。

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

LINE

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

ドワンゴ

ドワンゴの新卒採用サイト。

エンジニア、企画職、デザイナーなどの職種紹介や、会社紹介、環境・制度など、丁寧なコンテンツが魅力です。なかでも「ドワンゴ解体新書」というバナーをクリックすると、ドワンゴ社員のライフスタイルがが図や数字でわかりやすく解説されています。

ドワンゴ

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

 ORO

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

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

ORO

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

面白法人カヤック

面白法人カヤックの新卒採用情報。カヤックのサイトの一部ですが、「ルールなし就活」が面白いので載せました。学歴や卒業時期を問わず、本質を見つめる採用。書かれると、行きたくなる。

面白法人カヤック

まとめ

いかがでしたか?

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

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

SHARE

RELATED

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