就活生が選ぶ!おしゃれなデザインの採用サイト25選

IC
DESIGNER

リクナビマイナビなど就職情報ポータルサイトの動きが活発化し、大手各社が説明会申し込みやエントリーシート受付を開始。これからしばらくは街中でリクルートスーツをたくさん見かけるでしょう。

今回は就活生3名が、就職活動のなかで出会った「思わず就職したくなる!」おしゃれな採用サイトを25個まとめました。

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

目次

1. 東映 / 映画のようにダイナミックな演出で世界観を表現

おしゃれ かっこいい 新卒採用サイト 東映

特撮を彷彿とさせる文字を全面に押し出したデザインが印象的な東映の新卒採用サイト。上下左右にスクロールでき、物語を読むかのようにサイト閲覧ができます。

映画・特撮好きにはたまらない要素がサイト全面に散りばめられているのも特徴。東映のイメージである、昔ながらの世界観で魅力を表現しています。

東映

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

おしゃれ かっこいい 新卒採用サイト 楽天

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

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

楽天

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

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

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

チームラボ

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

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

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

レバレジーズ

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

おしゃれ かっこいい 新卒採用サイト ADK

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

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

ADK

6. OPEN HOUSE / キャッチコピーと挑戦的なデザインで惹きつける

おしゃれ かっこいい 新卒採用サイト

「ギガベンチャー」というキャッチコピーが目を引く、OPEN HOUSEの新卒採用サイト。スクロールすると「ギガベンチャーとは」の気になるボタン、社員が物語の主役のような演出の動画、社員インタビューが並びます。

急成長を遂げる勢いを体現する、大胆で力強いデザインは、社員一人一人の熱意を求める社風を表しているかのようです。

OPEN HOUSE

7. 講談社 / 「書き出そう、世界と君のものがたり」興味を引く言葉とイラスト

おしゃれ かっこいい 新卒採用サイト 講談社

「書き出そう、世界と君のものがたり」という言葉と、和紙のようなデザインが特徴的な講談社の採用サイト。
多種多様な人々が本を手に取るイラストから、これからの出版業界を担う人材や新しいアイディアを求める姿勢を感じさせます。

文学的な構成で採用メッセージがつづられる一方、アニメキャラクターが会社紹介をする動画を掲載。日本のカルチャーを活用したコンテンツが豊富です。

「選考の流れ」、配属後2ヶ月のリアルな本音を聞ける「新入社員アンケート」などの、就活生が知りたいコンテンツに加え、「内定者エッセイ」という講談社ならではのコンテンツがあります。「会社ならでは」を押しだした魅力あるサイトとなっています。

講談社

8. Apple / ロゴと一文だけで体現する多様性と画一性

おしゃれ かっこいい 新卒採用サイト Apple

デザインが移り変わるリンゴマークと、一文のみでトップが構成されるAppleの採用サイト。簡素でありながら的確にメッセージ性を秘める画一的な文字と、多様性を印象付けるリンゴの組み合わせから、製品に必要なものを突き詰めた結果がデザインだという「デザインは製品そのもの」の考え方が伺えます。

スクロールすると、カラフルなリンゴマークの中へ引き込まれる演出のあとに、ポジションごとのインタビューが掲載。社員一人ひとりの想像力の中で仕事は活きているといった印象を受けます。

Apple

9. テレビ東京 / 「どんな未来が待っているのか」を想像させる魅力

おしゃれ かっこいい 新卒採用サイト テレビ東京

一人ひとりがアニメの主人公のように描かれたテレビ東京の新卒採用サイト。社員とキャラクターを並べることで、「自分がこの会社に入ったら、どんなことが待っているのか」という想像力を掻き立てられます。

グラフ用紙のデザインをページの背景に採用し、これからのテレビ東京を社員と共に描くといったメッセージが込められているのかもしれません。

テレビ東京

10. 電通 / 「キミはどんな先駆者になる?」目に止まるのは広告だけじゃない

おしゃれ かっこいい 新卒採用サイト 電通

「キミはどんな先駆者になる?」の文字から始まる、電通の新卒採用サイト。さまざまな入口へ入る人々のイラストが印象的です。スクロールすると、先駆者という単語に込められた想いをつづるメッセージ・動画のほか、イラストを用いたポップなイメージで、さまざまな挑戦を紹介するコンテンツを掲載しています。

遊び心のあるデザイン性で、伝えたい項目へ自然と読者を惹きつける広告力が見事です。

電通

11. NETFLIX / ドキュメンタリーのような臨場感で現場を伝える

おしゃれ かっこいい 新卒採用サイト NETFLIX

NETFLIXの採用サイトは、社員の様子をドキュメンタリーのように臨場感のある映像で掲載しています。配信サービスサイト『NETFLIX』と同様の感覚で操作でき、新しいコンテンツを探すかのようなワクワクを感じながら読み進められるのも魅力。

分かりやすくトップに検索ボックスを設置することで、採用情報を瞬時に検索できます。

NETFLIX

12. DeNA / 会社からのメッセージを立ち止まって読ませるデザイン

おしゃれ かっこいい 新卒採用サイト DeNA

力強く大きな文字でキャッチフレーズが掲載されたDeNAの採用サイト。一見シンプルですが、下にスクロールすると会社のメッセージが縦書きで記載されており、立ち止まって読む必要があります。

さらに進むと、ストーリーの項目で社員自身のバックグラウンドが掲載。エントリーのボタンを押すと、社長から就活生へのメッセージが記載されています。

DeNA

13. WOWOW / 色と動きで印象付ける刺激的なデザイン

おしゃれ かっこいい 新卒採用サイト WOWOW

まるでスポーツウェアのようなフォントを採用したWOWOWの新卒採用サイト。ピンクの背景に黒文字の斬新な色使いが印象的です。揺れるアニメーションが施された「NEW GRADUATE」と、スクロールして瞬時に展開されていく項目の演出は、刺激的な疾走感と新しさを感じさせます。

トップページは募集要項、選考フロー、エントリーボタンのみのシンプルな構成。右上のメニューボタンを押して初めて、会社概要や社員インタビューが表示されるという、自主的な行動意欲を試される仕組みとなっています。

WOWOW

14. バンダイ / 夢をつくる過程にもワクワクを散りばめる

おしゃれ かっこいい 新卒採用サイト バンダイ

 

カラフルな背景の前で、はしゃぐ姿の人々が印象的なバンダイの新卒採用サイト。夢をカタチにできたらどんなに楽しいだろうかと、想像するほどにワクワクさせられます。サイト全体がポップな雰囲気でまとめられており、バンダイの会社の雰囲気がわかりやすく表されている印象。

我々の知るプロダクトの開発プロセスに照らし合わせながら、職種紹介が掲載されています。普段でも思わず興味を持ってしまうようなコンテンツ作りが魅力的です。

バンダイ

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

おしゃれ かっこいい 新卒採用サイト JR東日本

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

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

ジェイアール東日本企画

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

おしゃれ かっこいい 新卒採用サイト PLAN-B

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

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

PLAN-B

17. Yahoo! / 動きのあるデザインで「びっくり」を表現

おしゃれ かっこいい 新卒採用サイト Yahoo!

赤を基調としたYahoo!の採用サイト。新卒採用を廃止し、30歳以下であればエントリーできる「ポテンシャル採用」や、年齢制限や既卒などの制約をもうけない業務委託形式の「ギグパートナー募集」などを実施しているのが特徴です。

「びっくり」をテーマに構成されたデザインやコンテンツには、日常にある知り得なかった新しいサービスを発見しながら読み進められる楽しさがあります。

Yahoo!

18. ANA / 世界への挑戦を背中で魅せる

おしゃれ かっこいい 新卒採用サイト ANA

さまざまな社員の後ろ姿が印象的なANAの採用サイト。「世界のリーディングエアライングループへ」の文字との組み合わせで、日本を代表する航空会社の背中の重みを感じます。

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

ANA

19. Starbucks / コーヒーと人の笑顔で温かみを表現する

おしゃれ かっこいい 新卒採用サイト Starbucks

Starbucksの新卒採用サイトは、茶色を基調とした温かみのあるデザインが特徴です。「コーヒーを通した最高の体験をお客様に提供する」という経営理念が伝わってきます。

「つながりも、未来も、あなたから広がる」の文字を小さめに配置することで、ささやかな気配りや心遣いを求める姿勢が感じ取れるでしょう。

Starbucks

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

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

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

SILVER WOOD

21. クックパッド /背景が率直に伝わる温かみのあるデザイン

おしゃれ かっこいい 新卒採用サイト Cookpad

クックバッドの新卒採用サイトは、「いちばん愛されるプロダクトを生み出そう」というメッセージが印象深く心に刺さります。食事という世界共通のコンテンツを軸に、新しい試みを実施する背景や、現状報告を一番上に掲載。食を通した社員の想いが伝わりやすく、温かみを感じるページ構成になっています。

cookpad

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

おしゃれ かっこいい 新卒採用サイト LINE

LINEの採用サイトは、職種を選択する画面からはじまります。「世界にWow!を創りだす!」という英語のメッセージとともに背景に映し出されるのは、馴染み深い公式キャラクターの姿や試行錯誤をする社員の姿。
初めて見たのに不思議と親近感を覚えるデザインです。

LINE

23. ドワンゴ / カラフルなシャボン玉×笑顔で風通しの良さを演出

おしゃれ かっこいい 新卒採用サイト DWANGO

風に吹かれるシャボン玉のように、次々と流されるスライドが特徴であるドワンゴの新卒採用サイト。シンプルでカラフルなデザインと、人々の笑顔を組み合わせることによって、明るくポジティブな印象を与えます。

下にスクロールしていくと、会社からのメッセージやF&Qが掲載されており、どのような採用方針かがひとめで分かるのも魅力。職種ごとのインタビューで、入社後のイメージも捉えやすいように工夫されています。

ドワンゴ

24. ORO / ひとめで惹きつけるクリエイティブで躍動感のある動き

おしゃれ かっこいい 新卒採用サイト ORO

カラフルな色合いで流れるように動くのが印象的なOROの新卒採用サイト。「ORO」、「CREATIVE×TECHNOLOGY」の文字が、崩れては現れるという斬新な演出です。

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

ORO

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

面白法人カヤック

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

デザインはいたって簡素ですが、「ルールなし就活」が面白いので掲載しました。学歴や卒業時期を問わず、本質を見つめる採用を行なっています。

面白法人カヤック

(執筆:Emily、fumi、上塚千恵子 編集:Workship MAGAZINE編集部)

SHARE

  • 広告主募集
  • ライター・編集者募集
  • WorkshipSPACE
デザイナー副業案件
Workship