ブログ > 採用サイトのデザインまとめ18選!何故こんなにも印象に残ってしまうのか?

公開日:2021.03.29 / 最終更新日:2023.09.25

採用サイトのデザインまとめ18選!何故こんなにも印象に残ってしまうのか?

WEB技術 デザイン 事例紹介 人事・採用担当 採用サイト 採用トレンド 採用支援

学生や求職者へ自社の特徴を伝える採用サイト。
採用サイト制作では採用情報の他に、自社の魅力を伝えることが必至であり、その部分で悩む担当者の方も多いかと思います。
そこで今年も2022年の新卒サイトを中心として、目に止まった採用サイト10社をご紹介したいと思います。

目次

・PARCO 2022年新卒採用サイト

・三菱ケミカル 採用サイト

・バケモノ 2022年卒 採用サイト

・PORT 採用サイト

・オプテージ 新卒採用サイト

・日清食品 2022年新卒採用サイト

・マイナビ リクルーティングサイト2022

・商船三井 2022年新卒採用サイト

・日鉄エンジニアリング 新卒採用サイト2022

・講談社 2022年度入社 定期採用サイト

・静岡銀行 新卒採用サイト

・村本建設 採用サイト

・DAC 採用サイト

・読売新聞社 採用サイト

・DELIGHT 採用サイト

・公文教育研究会 新卒・キャリア採用サイト

・石坂グループ 新卒採用サイト

・エムハンド 採用サイト

・まとめ

PARCO 2022年新卒採用サイト


PARCO 2022年新卒採用サイト

トップページの冒頭に社員紹介や対談をを配置し、
働いている社員の姿を魅力的に伝えているサイトです。
シンプルに見せつつも、各ページにグラデーションの輪が共通で配置、
いいアクセントになっています。
写真を大きく使い、読ませるよりも見せるを重視しているサイトです。

三菱ケミカル 採用サイト


三菱ケミカル 採用サイト

柔らかい色合いや丸みのあるオブジェクトなど、
独特な雰囲気が魅力的で、次々とコンテンツが見たくなります。
写真とイラストのバランスがとてもよく、
サイト全体に物語性をとても感じられます。

バケモノ 2022年卒 採用サイト


バケモノ 2022年卒 採用サイト

イラストの雰囲気が目を引きます。
写真を使用せず全てイラストで表現しており、
サイトの世界観がとても魅力的です。
フッター部分のイラストがとてもお洒落です。

PORT 採用サイト


PORT 採用サイト

綺麗なグラデーションと魅力的な社員の写真が特徴的です。
各コンテンツがわかりやすく、
文字のメリハリや余白のバランスが良く、
全体的にとても見やすいサイトになっています。
パパママ社員の対談コンテンツがあるのが印象的です。

オプテージ 新卒採用サイト


オプテージ 新卒採用サイト

雰囲気のあるグラデーションが良いアクセントになっています。
ハッシュタグでコンテンツを検索できるようになっており、
学生の場合こちらの方が使いやすかもしれません。
仕事の面白さや、様々な社員同士の対談コンテンツがあり、
自社の特徴を余すことなく学生に伝えるサイトになっています。

日清食品 2022年新卒採用サイト


日清食品 2022年新卒採用サイト

近未来をイメージしたイラストが目を引きます。
昨年の内定者を中心とした内定者紹介のコンテンツがあり、
昨年就職活動した時のリアルな声を知ることが可能です。
全体では読むことを重要視しているデザインになっており、
自社の特徴を真摯に伝えています。

マイナビ リクルーティングサイト2022


マイナビ リクルーティングサイト2022

オンラインツールの特性をうまく利用したサイトになっています。
様々な社員の方のオンラインメッセージをが印象的です。
またハッシュタグで関連項目や年度別の新卒社員を検索して見ることができ、
自分が知りたいワードに絞って見ることが可能です。

商船三井 2022年新卒採用サイト


商船三井 2022年新卒採用サイト

キービジュアルの図面をイメージした背景がとても印象的です。
図やイラストをうまく利用して、商船の仕事をわかりやすく伝えています。
様々な場面での写真が掲載されており、仕事の臨場感や真剣さが伝わってきます。

日鉄エンジニアリング 新卒採用サイト2022


日鉄エンジニアリング 新卒採用サイト2022

キャッチコピーに縦文字を起用してい流のが特徴的なサイトです。
写真の使い方がともて上手く、特に社員紹介の写真にこだわりを感じます。
スタイリッシュなデザインで、自社の魅力をわかりやすく伝えています。

講談社 2022年度入社 定期採用サイト


講談社 2022年度入社 定期採用サイト

特徴的なイラストの世界観をイメージしたサイトになっています。
可愛らしい雰囲気なサイトながらも、仕事に対する面白さやこだわりがとても伝わります。
昨年の内定者が綴るエッセイや、新入社員のアンケートなど、
学生が知りたいと思う情報をしっかり伝えているサイトです。

静岡銀行 新卒採用サイト


静岡銀行 新卒採用サイト

静岡県を表現する可愛らしいビジュアルがとても特徴的です。
鮮やかな色合いとイラストが見る人の興味を引きます。
スペシャルコンテンツでは動画での説明があるなど、 学生にとってもとても興味を持てるサイトになっています。

村本建設 採用サイト


村本建設 採用サイト

活き活きとしている社員の写真が印象的です。
コンテンツでは社歴が異なる社員の比較があり、脳内で考えていることが表現されているのが面白いです。
人を重視している求職者にとって、とても惹かれるサイトになっています。

DAC 採用サイト


DAC 採用サイト

線画のようなイラストを組み合わせたトップページが目を引きます。
派手さはないですが、所々で見せるデザインや動きにとてもセンスが感じられます。
文字の使い方や余白の空け方もこだわりを感じられ、 見る人をしっかり考慮したサイトに仕上がっています。

読売新聞社 採用サイト


読売新聞社 採用サイト

タイポグラフィで見せる印象的なビジュアルがとても印象的です。
新聞の見出しを思わせるおようなコンテンツ紹介になっており
特にプロジェクトストーリは、記者の熱い思いが伝わってくる内容になっています。
新聞紙を思わせるドット柄やアナログなタイポグラフィなど、 新聞を作ることへのやりがいや情熱が感じられます。

DELIGHT 採用サイト


DELIGHT 採用サイト

まるでカルチャー雑誌を見ているかのようなインパクトのある社員の写真に興味を引かれます。
クロストークでは、スクロールしていくと背景の話している2人の表情が変わっていくのが面白いです。
振り切った表現がDELIGHTの魅力を引き出しているサイトになっています。

公文教育研究会 新卒・キャリア採用サイト


公文教育研究会 新卒・キャリア採用サイト

目を引くコピーや使用する写真など、
企業の教育における真摯な態度がサイトにも表現されているように思いました。
また余裕のある余白や行間など、読みやすく見やすい工夫が随所でされています。

石坂グループ 新卒採用サイト


石坂グループ 新卒採用サイト

トップページや社員紹介の見せ方がとてもカッコいいなと感じたサイトです。
使用されている写真がとてもカッコよく、あらためて写真の重要性を感じました。
コンテンツは多くないですが、働く社員の姿と職場の雰囲気の良さが 感じられるサイトになっています。

エムハンド 採用サイト


エムハンド 採用サイト

独特なキャッチコピーとコラージュしたビジュアルがとても目を引きます。
コンテンツにあわせた様々な模様を使用したグラフィックがとても印象的です。
自社の理念をサイトに落とし込んだような作りになっています。

まとめ

今年の採用サイトの特徴として、情報よりも働いている人の魅力を引き立てせている企業が多いように感じました。
またオンラインツールを上手く活用し、今までのスタイルとは異なる採用サイトも多く見受けられました。
デザインでは、柔らかい色合いのグラデーションや丸みを帯びた形状のオブジェクトを使用するなど、比較的柔らかい雰囲気を与えるサイトが今年のトレンドになりそうです。

また魅力的なサイトが集まりましたら、随時ご紹介したいと思います。

執筆者:株式会社ゴマシオカンパニー 代表取締役 山崎準也

ゴマシオカンパニーは、採用広報支援を目的としたクリエイティブを得意とする企画制作オフィスです。この分野で20年以上実績を積み上げてきた代表を中心に、様々な分野のクリエイティブを得意とするスタッフが、日々アイデアを出し合い、お客さまの採用課題解決に尽力しています。

採用サイト制作・採用動画制作・採用パンフレット制作なら、ゴマシオカンパニーにお任せください

関連する記事
pagetop