X（旧Twitter） 
Facebook 
LINE 
【保存版】採用サイトのデザイン事例32選｜参考にしたい地方企業を業種別に
採用サイトのデザインを探しはじめると、たいてい途中で手が止まります。ギャラリーサイトを開けば都心の大企業や有名ブランドの事例ばかりが並び、「うちの規模でこれは無理だ」と閉じてしまう。地方の中小企業で採用を担当している方から、いちばんよく聞く話です。
必要なのは、かっこいい採用サイトを100件眺めることではありません。自社と条件の近い会社が、限られた素材で何をどう見せているかを数件見ること。そこからしか具体像は立ち上がってきません。
この記事でわかること
- 業種別に見た、採用サイトデザインの「型」と実例32社
- 事例を見るときに何を観察すればいいのか（3つの評価軸）
- 色・テイスト・会社規模など、業種以外の切り口から探す方法
- デザインを整える前に確認しておきたい、採用活動全体の前提
デザイン事例は、業種・色・テイストの順で探す
参考デザインを探すときは、まず業種、次に色、最後にテイストの順に絞り込むのが結局いちばん早いです。業種が近ければ、採用サイトに載せるべき情報や写真の撮り方まで一緒に参考にできるためです。色やテイストから入ると見た目の好みだけで判断してしまい、社内で「なぜこのデザインなのか」を説明できなくなります。
このページは、その入口をまとめた一覧です。目当ての切り口から読み進めてください。
① 業種別で探す（この記事の本編・32社）
| 業種（この記事の掲載数） | さらに深掘りする |
|---|---|
| 製造業（5社社） | 製造業の採用サイトデザイン事例11選 |
| 土木・建設業（6社社） | 土木・建設業の採用サイトデザイン事例13選 |
| 建築・建設業（3社社） | 建築業の求人サイトデザイン事例15選 |
| 塗装・リフォーム業 | 塗装・リフォーム業の採用サイトデザイン事例10選 |
| 介護・福祉業（3社社） | 介護の採用サイトデザイン事例10選 |
| 病院・クリニック（2社社） | 病院・クリニックの採用サイトデザイン事例11選 |
| コンサルティング業（4社社） | コンサルティング業界の採用サイト事例10選 |
| IT・ソフトウェア業（2社社） | IT系・ソフトウェア業界の採用サイトデザイン事例10選 |
| 人材紹介・派遣業 | 人材紹介・派遣業の採用サイトデザイン事例10選 |
| 士業／インフラ／サービス業／金融・保険業（7社社） | 本記事内で紹介 |
② 色別で探す（コーポレートカラーが決まっている場合）
すでに会社のロゴやコーポレートカラーが決まっているなら、色から入ると社内の合意が取りやすくなります。
- 青・水色の採用サイトデザイン事例10選（信頼感・清潔感）
- 赤の採用サイトデザイン事例10選（熱量・情熱）
- 黄色・オレンジの採用サイトデザイン事例10選（親しみやすさ）
- 緑の採用サイトデザイン事例11選（穏やかさ・安定）
- 白の採用サイトデザイン事例10選（誠実さ・情報の見やすさ）
- グレー（灰色）の採用サイトデザイン事例11選（知性・落ち着き）
③ テイスト別で探す（雰囲気を社内で共有したいとき）
- スタイリッシュな採用サイトのデザイン事例12選
- 爽やかな採用サイトのデザイン事例10選
- ポップ・かわいい採用サイトのデザイン事例13選
- 面白い採用サイトのデザイン事例12選
- アットホームな採用サイトのデザイン事例10選
④ 会社の規模から探す
デザインの流行や、採用サイトに載せるコンテンツの全体像から整理したい方は、採用サイトのデザイン・コンテンツトレンドの整理もあわせてご覧ください。
採用サイトのデザイン事例を見るときの3つの評価軸
事例を眺めるときは、「かっこいいかどうか」ではなく、次の3点だけを観察してください。この3つが決まれば、制作会社との打ち合わせで話が一往復で済むようになります。
1. ファーストビューで何を主役にしているか
働く人の表情なのか、現場のスケール感なのか、言葉（キャッチコピー）なのか。ここが自社の採りたい人物像とずれていると、以降のページをどれだけ作り込んでも刺さりません。
- 写真主体か、イラスト・図版主体か
現場や設備に見せられる強さがある会社は写真主体が有利です。逆に、業務内容が目に見えにくい会社は、採用サイトのイラストや図版、抽象的なグラフィックで世界観を作ったほうが伝わります。素材の有無で決まる部分が大きいので、ここは早めに判断したいところです。
- 採用情報のデザインが「読める」状態か
募集要項や福利厚生といった採用情報のページは、見た目の華やかさよりも読みやすさが効きます。求職者が最後に必ず見る場所であり、ここが崩れているとWebデザインとしての完成度は高くても応募の手前で止まってしまう、というのが実際のところです。
この3軸を頭に置いたうえで、以下の事例をご覧ください。
「製造業」の採用サイトデザイン事例
製造業の採用サイトは、ブルー系の配色と、稼働中の設備・加工現場の写真で「技術力」を可視化する型が定番です。地域名や自然の風景を差し込み、勤務地の生活イメージまで伝えている事例が多いのも特徴といえます。
株式会社リガーマリンエンジニアリング 様（三重県いなべ市）
https://recruit.regar.co.jp/（制作：地方採用ワークス）
三重県いなべ市にあるマリンスポーツ関連製品の製造・ボート艤装品開発を手掛ける株式会社リガーマリンエンジニアリング様の採用サイトです。
青を基調にしたデザインが海への情熱を象徴し、清潔感と信頼感を演出しています。
「行き先は、自分で決める。」というメッセージが、挑戦を歓迎する企業文化を表現。ものづくりの楽しさと海への思いが伝わるサイトです。
株式会社ササキ 様（山梨県韮崎市）
https://sasaki-inc.co.jp/recruit/（制作：地方採用ワークス）
山梨県韮崎市にあるワイヤーハーネス製造の企業、株式会社ササキ様の採用サイトです。
ファーストビューは白黒写真に鮮やかな青と赤が映えるデザイン。ファーストビュー以下でも広い面積に白と青を、差し色に赤を使用して強い印象を残します。
また、背景や装飾にモノクロ写真を使用することで、職人的でクールな個性が出ています。縦横無尽なレイアウトもモダンで、ターゲットである新卒生にアピールできる事例となっています。
株式会社BBS金明 様（石川県白山市）
https://www.bbskinmei.co.jp/（制作：地方採用ワークス）
石川県白山市にある半導体関連装置製造業の企業、株式会社BBS金明様の採用サイトです。
ファーストビューには、ブルーを基調とした背景に抽象的な図形を大きく配置し、洗練された未来感を演出しました。背景の細かな光の粒子は「進化」「革新」を想起させ、視覚的に印象付けています。
また、中心部に配置した大胆な曲線（ロゴ）は視線誘導を促し、コピーとの調和を高め、全体として先進性や信頼性をユーザーに強く伝えるデザインに仕上げました。
株式会社協和精機 様（宮崎県日南市）
https://mold-kyowa.co.jp/（制作：地方採用ワークス）
宮崎県日南市にある製造業・金型製作・精密加工の企業、協和精機様の採用サイトです。
トップビューでは、加工機械の稼働シーンがダイナミックに映し出され、高精度な技術力が強調されています。また、背景に青空や海の風景を取り入れることで、企業の拠点である日南市の地域性をアピールしています。ブルーを基調とした配色と洗練されたタイポグラフィが、信頼感と先進性を醸し出しています。
このようにシンプルながら情報が整理されたデザインは、求職者にとってもわかりやすく、好印象を与える仕上がりです。
後藤木材株式会社 様（岐阜県岐阜市）
https://recruit.houscrum.co.jp/（制作：地方採用ワークス）
岐阜県岐阜市にある木材販売・木造建築構造開発・圧密処理木材製造の企業、後藤木材株式会社様の採用サイトです。
木材の温かみを表現するナチュラルなカラーと質感を生かしたデザインが特徴的で、持続可能性への意識を感じさせます。人物写真を効果的に活用し、社員の親しみやすさと企業の誠実さを伝える工夫が見られます。未来志向のメッセージが、求職者に挑戦する価値のある職場であることを訴求しています。
また、明度の高い写真がふんだんに使用されており、明るく清潔感あふれる印象を作っています。社員インタビューも充実しているため、入社後の雰囲気やイメージがつかみやすく、応募の後押しにもなるデザイン事例ですね。
製造業の事例をもっと見たい方は製造業の採用サイトデザイン事例11選へ。若年層に製造業の魅力をどう伝えるかまで掘り下げています。
「土木・建設業」の採用サイトデザイン事例
土木・建設業の採用サイトは、現場で働く人を主役に据え、地域とのつながりをキャッチコピーで言い切る型が多く見られます。いわゆる3Kのイメージに対して、写真のトーンと余白で「実直さ」を出しにいくのが共通の作法です。
鈴木建設株式会社 様（千葉県旭市）
https://www.suzuki-asahi.jp/（制作：地方採用ワークス）
千葉県旭市にある総合建設業の企業、鈴木建設株式会社様のコーポレートサイトです。
明るい色使いや英語見出し、ストライプのあしらいがポップで若い世代にも響くようなデザインとなっており、採用面でも若者募集に効果的なサイト事例です。トップのキャッチコピー「CREATING NEW CITY!」は大きなタイポグラフィで配置され、視覚的にインパクトを与えると同時に、未来の街づくりに挑む姿勢を強く印象付けています。
また、背景の斜線模様や写真のレイアウトがシンプルながら洗練されており、見る人に安心感と信頼感を与えるデザインです。
株式会社門倉組 様（神奈川県藤沢市）
https://recruit.kadokura.jp/（制作：地方採用ワークス）
神奈川県藤沢市に拠点を置く総合建設業の企業、株式会社門倉組様の採用サイトです。
青を基調としたデザインが湘南地域の自然や海を連想させ、地域密着型の企業姿勢を強調しています。社員の働く姿を中心に構成されたビジュアルは、信頼感と仕事への誇りを感じさせます。
「変化の起点になる。」というメッセージが、同社の成長志向と新しい挑戦への意欲を表現しています。
有限会社比嘉建材 様（岐阜県羽島市）
https://higakenzai.jp/company/（制作：地方採用ワークス）
岐阜県羽島市にある舗装工事業の企業、有限会社比嘉建材様の採用サイトです。
全体的に落ち着いたグレーとオレンジの配色が採用され、信頼感と親しみやすさを両立しています。また、社員の働く様子やメッセージが掲載されており、企業の雰囲気や価値観が伝わるデザインとなっています。
シンプルで直感的なナビゲーションにより、訪問者が必要な情報にスムーズにアクセスできるユーザーフレンドリーなサイトです。
株式会社桐山組 様（岐阜県大垣市）
http://kirigumi.co.jp（制作：地方採用ワークス）
岐阜県大垣市にある総合建設業の企業、株式会社桐山組様の採用サイトです。
ノスタルジーで職人の方々の味わいを感じつつも、デザインは先進的で、みている人の心を惹きます。設計図を思い起こさせるような装飾も、サイトデザインの要となっています。
建築会社の要である「職人」を押し出したデザインは、高品質であることを伝える大きな手段であり、見る人に安心感を与えます。
株式会社白川田工務店 様（鹿児島県薩摩郡）
https://shirakawada.jp/（制作：地方採用ワークス）
鹿児島県薩摩郡にある土木・建設業の企業、株式会社白川田工務店様の採用サイトです。
ファーストビューでは、工事現場で働くスタッフを中心に据えた力強いビジュアルが目を引きます。「まちを支える、暮らしを守る。」というキャッチコピーが、地域密着型の企業理念をシンプルに伝えています。
また、背景に写る重機や緑の風景が、自然と調和した事業活動を連想させます。全体の配色やフォントが落ち着いたトーンで統一され、信頼感と実直さが感じられるデザインです。
株式会社市川工務店 様（岐阜県岐阜市）
https://www.ic-group.co.jp/recruitment/（制作：地方採用ワークス）
岐阜県岐阜市にある建設業の企業、株式会社市川工務店様の採用サイトです。
広大な建設現場を背景に、社員が未来を見据えて働く姿が印象的に描かれています。青空と建設機械、さらに社員の背中の配置が、現場のスケール感や企業の信頼性を視覚的に表現しています。
また、サイト内でも実際に働く人の写真を多く使い、会社の雰囲気や仕事の様子が伝わるよう工夫しています。「先輩たちの声」の項目では、写真にカーソルを合わせると表情・ポーズが変化する仕掛けも。細部までこだわったサイト事例となっています。
土木・建設業の事例をもっと見たい方は土木・建設業の採用サイトデザイン事例13選へ。塗装・リフォーム業に絞った事例は塗装・リフォーム業の採用サイトデザイン事例10選にまとめています。
「建築・建設業界」の採用サイトデザイン事例
建築・建設業界の採用サイトは、白を基調にした余白の多いレイアウトで、施工物と人を同じ比重で見せる型が目立ちます。図面や完成物の美しさをそのまま素材にできる業界なので、写真の質がデザインの完成度を左右します。
株式会社岡島ホールディングス 様（岐阜県関ケ原町）
https://recruit.okajima-h.co.jp/（制作：地方採用ワークス）
岐阜県関ケ原町に拠点を構える岡島ホールディングスグループ様の採用サイトです。
住宅建材販売や木製建具製造、建設事業を中心に幅広い事業を展開しています。白を基調にしたシンプルかつモダンなデザインが、同社の信頼感と未来志向を表現しています。
また、スタッフの働く姿や親しみやすい表情を取り入れたビジュアルが、職場環境の魅力を直感的に伝えています。「新しい働くを創る」というメッセージを印象的に取り入れていますね。
株式会社ノエル 様（愛知県一宮市）
https://recruit.noel-garden.jp/（制作：地方採用ワークス）
愛知県一宮市にある外構設計・エクステリア工事の企業、株式会社ノエル様の採用サイトです。
白を基調とした洗練されたデザインに、モダンなレイアウトが融合し、デザイン性の高さをアピールしています。スタッフの働く姿や設計の事例写真が散りばめられ、業務内容を直感的に伝える工夫がされています。
そして「先輩インタビュー」ではまるで名刺をめくるようなアニメーションで、次々と社員さんの写真が現れます。内容が充実しているのももちろんですが、こうした演出面で遊び心を凝らしたデザインは、若者の心をくすぐりますね。
株式会社アルミック 様（愛知県名古屋市）
https://recruit.almic.co.jp/（制作：地方採用ワークス）
愛知県名古屋市にある建材・不動産事業を展開する企業、株式会社アルミック様の採用サイトです。
ファーストビューでは、社員一人ひとりの成長ストーリーを紹介するインタビューを大きくフィーチャーし、リアリティと親近感を演出しています。
多様なバックグラウンドを持つ社員の言葉を通じて、企業文化や職場の雰囲気を伝え、求職者に対して共感や興味を喚起するデザインとなっています。
建築業に絞った事例は建築業の求人サイトデザイン事例15選にまとめています。
「介護・福祉業界」の採用サイトデザイン事例
介護・福祉業界の採用サイトは、温かみのある配色と笑顔の写真で「安心して働ける場所」を先に伝える型がほぼ共通しています。仕事のきつさへの不安が先行しやすい業界なので、福利厚生や研修の情報をどこまで具体的に見せられるかが分かれ目です。
株式会社ファミリア 様（岐阜県羽島市）
https://recruit.familia2017.co.jp/（制作：地方採用ワークス）
岐阜県羽島市にある介護・福祉サービス業の企業、株式会社ファミリア様の採用サイトです。
ファーストビューでは、温かみのある色調と親しみやすいフォントを使用し、利用者やスタッフの笑顔を大きく配置しています。
これにより、地域とのつながりや「共生社会」の理念を視覚的に表現し、訪問者に安心感と信頼感を与えるデザインとなっています。
和光会グループ 様（岐阜県岐阜市）
https://recruit.wakokai.or.jp/（制作：地方採用ワークス）
岐阜県岐阜市にある医療・福祉サービスを提供する和光会グループ様の採用サイトです。
柔らかな配色と親しみやすい写真が、職場の温かい雰囲気を伝えています。トップページには笑顔の職員を配置し、地域に密着した安心感を表現。動的なキャラクターや装飾が、楽しい職場環境をアピールしています。
また、細やかな福利厚生情報の掲載が、求職者にとって魅力的に感じられる構成となっています。
社会福祉法人岐阜県福祉事業団 様（岐阜県岐阜市）
https://recruit.gifu-fukushi.jp/（制作：地方採用ワークス）
岐阜県岐阜市の社会福祉法人岐阜県福祉事業団様の採用サイトです。
ファーストビューでは、明るく元気な表情を見せる社員たちが活き活きとした写真で表現されています。配色は清潔感のあるライトトーンを基調に、テキストと写真が調和し、訪問者に温かみや安心感を与えます。
介護に絞った事例は介護の採用サイトデザイン事例10選へ。「きつそう」という先入観をどう覆すかを掘り下げています。
「病院・クリニック業界」の採用サイトデザイン事例
病院・クリニックの採用サイトは、白と自然光で清潔感を作り、チームで働く様子を見せて信頼感につなげる型が基本です。医療職は資格で転職先を選べる分、職場の雰囲気が判断材料になりやすいという事情があります。
のぞみの丘ホスピタル 様（岐阜県美濃加茂市）
https://recruit.minokamo.or.jp/（制作：地方採用ワークス）
岐阜県美濃加茂市の特定医療法人清仁会 のぞみの丘ホスピタル様の採用サイトです。
ファーストビューに「地域を支える精神医療で、こころと明日の自分を拓く。」というキャッチコピーを置き、白を基調とした構成でまとめています。
コンテンツは「会社を知る」（法人概要・サービス紹介・SDGs・FAQ）「仕事を知る」（募集要項・職種紹介）「文化を知る」（先輩インタビュー・福利厚生／制度）の3つに整理しました。求職者が確かめたい順に区分を分ける構成です。
佐藤歯科医院 様（岐阜県美濃加茂市）
https://recruit.dentist-sato.com/（制作：地方採用ワークス）
岐阜県美濃加茂市にある歯科医療サービスを提供する佐藤歯科医院様の採用サイトです。
白を基調とした清潔感のあるデザインに、自然光を感じさせる明るい写真を配置。スタッフの集合写真や診療風景を取り入れることで、働きやすい職場環境とチーム医療の魅力を効果的に伝えています。「いい笑顔をつくる仕事」のメッセージが、患者との信頼関係を重視する姿勢を表しています。
ページ全体は白色が基調のデザインとなっており、デンタルクリニックらしい「爽やかな印象」を受けます。働く方の声や福利厚生の情報を充実させ、「安心して働ける」ことを効果的に訴求できるデザイン事例となっています。
病院・クリニックの事例をもっと見たい方は病院・クリニックの採用サイトデザイン事例11選へ。
「コンサルティング業界」の採用サイトデザイン事例
コンサルティング業界の採用サイトは、何をしている会社かが目に見えにくいぶん、色とアニメーションで世界観を作る型が目立ちます。実績を数字で見せるセクションを設け、専門性を可視化している事例が多いのも特徴です。
大日コンサルタント株式会社 様（岐阜県岐阜市）
https://dainichi-consul.co.jp/recruit/（制作：地方採用ワークス）
岐阜県岐阜市にある建設コンサルタント業の企業、大日コンサルタント株式会社様の採用サイトです。
ファーストビューでは、まず赤とオレンジのグラデーションが目を惹きます。手書きのキャッチコピーが画面上で書かれていくアニメーションは、ワクワク感と温かみを感じさせてくれますね。ファーストビュー以下にもグラデーション要素を取り入れ、明るく個性的なデザイン事例となっています。
大胆なカラーリングと洗練されたレイアウトが、企業の先進性とプロフェッショナルな姿勢を強調しています。
ジェイエムシー株式会社 様（高知県高知市）
https://www.jmc-ltd.co.jp/（制作：地方採用ワークス）
高知県高知市にある保健福祉・美容経営コンサルティングの企業、ジェイエムシー株式会社様の採用サイトです。
清潔感と信頼感を醸成する淡いブルーを基調としたデザインが特徴的です。メインビジュアルには安心感を与える人物写真を配置し、「健やかと美しさを支える」というメッセージを効果的に伝えています。
また、斜めに開くローディングから始まり、トップ画面ではキャッチコピーにかかった青いグラデーションが滑らかに動きます。スクロールに合わせて緩やかな線が流れたりと、目線誘導におけるデザインの工夫が満載です。
ALL DIFFERENT株式会社 様（新卒向け採用サイト）
https://newgraduates.all-different.co.jp/（制作：地方採用ワークス）
東京都千代田区にある組織開発・人材育成を行う企業、ALL DIFFERENT株式会社（旧・ラーニングエージェンシー）様の採用サイトです。
直線的なレイアウトとモダンなフォントが、革新的で多様性を重視する企業のイメージを伝えます。淡い青と白を基調にし、ビジュアルの柔らかさとテキストの力強さを組み合わせることで、企業メッセージを鮮明に伝えています。
水色をベースに配色をおこなっており、新卒社員の若々しくフレッシュなイメージが伝わってきますね。そして「数字で見る」というセクションが青い円が背景に広がるデザインも、実績のインパクトを底上げしています。
関連記事：採用サイトの「数字で見る」に載せるべき情報と見せ方
ALL DIFFERENT株式会社 様（中途キャリア向け採用サイト）
https://career.all-different.co.jp/（制作：地方採用ワークス）
東京都千代田区にあるコンサルティング企業、ALL DIFFERENT株式会社様の中途採用サイトです。
爽やかな青色が特徴で、信頼感を与えてくれます。最初に目に入るのは、はたらく社員の写真が流れるファーストビューで、会社の雰囲気が分かりやすくなっています。
まずは確保したい人材に合わせて、新卒・中途でそれぞれ異なる採用サイトを制作するというのも、1つの手段です。
コンサルティング業界の事例をもっと見たい方はコンサルティング業界の採用サイト事例10選へ。
「士業」の採用サイトデザイン事例
士業の採用サイトは、堅さを残しつつ、人物写真とアクセントカラーで距離を縮める型が主流です。専門性の高さと親しみやすさをどう両立させるかがデザインの論点になります。
株式会社オンダテクノ 様（岐阜県岐阜市）
https://recruit.ondatechno.com/（制作：地方採用ワークス）
岐阜県岐阜市にある特許業の企業、株式会社オンダテクノ様の採用サイトです。
ファーストビューでは、強いメッセージ性を持つテキストとともに、明るいカラーアクセントが特徴的です。
全体的にシンプルでありながら力強いデザインで、企業が目指す未来への挑戦感を表現しています。写真は企業の理念や仕事に対する真摯な姿勢を反映し、来訪者に強い印象を与えます。
円満相続税理士法人 様（東京都港区）
https://recruit.osd-souzoku.jp/（制作：地方採用ワークス）
東京都港区にある相続税申告・生前対策コンサルティング業の企業、円満相続税理士法人様の採用サイトです。
全体的に白とオレンジを基調としたクリーンで信頼感のある配色が採用されています。トップページには代表者のメッセージや社員の写真が配置され、組織の雰囲気や価値観が伝わるデザインとなっています。
また、サービス内容や募集要項が明確に整理されており、訪問者が必要な情報にスムーズにアクセスできるユーザーフレンドリーなサイトです。さらに、相続に関する専門的な情報やコラムも掲載されており、専門性と親しみやすさを両立したデザインが特徴的です。
株式会社さかえ経営 様（神奈川県横浜市）
https://recruit.sakae-office.com/（制作：地方採用ワークス）
神奈川県横浜市にある人事労務コンサルティング業の企業、株式会社さかえ経営様の採用サイトです。
ファーストビューでは、親しみやすい人物写真を大きく配置し、柔らかな色合いで統一されています。これにより、企業の「働きやすさ」や「可能性の広がり」を視覚的に表現しています。
インパクトのあるキャッチコピーが視線を引き、訪問者にポジティブで活気に満ちた印象を与えるデザインです。
「IT・通信業」の採用サイトデザイン事例
IT・通信業の採用サイトは、成果物が目に見えないぶん、抽象的なグラフィックやイラストで技術の質感を表現する型が有効です。新卒とキャリア採用の入口を分け、導線を明示している事例も参考になります。
株式会社クルコム 様（東京都千代田区）
https://recruit.clecom.jp/（制作：地方採用ワークス）
東京都千代田区にあるIT業の企業、株式会社クルコム様の採用サイトです。
ファーストビューでは、チームで働くエンジニアたちの活気あふれる写真が使用されています。明るい色合いを使い、働きやすい環境と仲間との絆を強調。
シンプルなレイアウトと親しみやすい雰囲気で、エンジニアとしての可能性を広げる企業文化を表現しています。
システムメトリックス株式会社 様（愛知県名古屋市）
https://www.systemmetrix.jp/（制作：地方採用ワークス）
名古屋市中区にあるIT業・ソフトウェア開発の企業、SystemMetrix様の採用サイトです。
背景に使用された青い葉脈のイメージが、自然の繊細さや構造美を表現し、同時にソフトウェア開発における精密さや創造性を彷彿とさせます。全体のデザインは白を基調としたシンプルなレイアウトで、企業メッセージを際立たせる効果があります。
また、「新卒採用」「キャリア採用」ボタンが視覚的にわかりやすく配置されており、ユーザーの行動を促す導線設計になっています。
IT・ソフトウェア業界の事例をもっと見たい方はIT系・ソフトウェア業界の採用サイトデザイン事例10選へ。
「インフラ（電気/ガス/水道）」の採用サイトデザイン事例
インフラ系の採用サイトは、現場の真剣な表情を大きく使い、暗めの背景で文字を際立たせる型が印象的です。生活を支える仕事であることを、言葉より写真で伝えにいく設計といえます。
株式会社日発電工 様（岐阜県関市）
https://www.nippatsu.co.jp/（制作：地方採用ワークス）
岐阜県関市にある電気設備業の企業、株式会社日発電工様の採用サイトです。
ファーストビューでは、作業現場の真剣な表情を捉えた写真が使用されており、そのインパクトで訪問者に強い印象を与えます。背景には深い色合いが使われ、文字が際立つように配置されており、企業の掲げるビジョンがしっかりと伝わるデザインです。
シンプルでありながら、力強さと信頼感を与える作りです。
株式会社エクソル 様（山形県鶴岡市）
https://exsol.jp（制作：地方採用ワークス）
山形県鶴岡市にある電気工事業の企業、株式会社エクソル様の採用サイトです。
ファーストビューでは、社員同士の協力的な姿勢を捉えた写真がメインに使われており、暖かみと親しみやすさが感じられるデザインです。
色合いは柔らかく、全体的に落ち着いた雰囲気で、訪問者に安心感を与えます。企業の「人を大切にする文化」が視覚的に表現されている点が特徴です。
「サービス業」の採用サイトデザイン事例
サービス業の採用サイトは、実際の接客・業務風景を複数枚並べ、企業カラーをアクセントに効かせる型が読まれます。人と接する仕事だからこそ、働いている人の表情がそのまま採用の材料になります。
日の丸グループ 様（岐阜県岐阜市）
https://recruit.taxi-hinomaru.co.jp/（制作：地方採用ワークス）
岐阜県岐阜市にあるタクシー事業を中心とした企業、日の丸グループ様の採用サイトです。
ファーストビューでは、実際の従業員の仕事風景を複数配置し、企業の実直な姿勢と人の温かみを表現しています。画像は柔らかなトーンで統一され、右サイドに配置された大きな余白とテキストが、情報の整理と視認性の向上に貢献しています。
また、企業カラーであるレッドをアクセントカラーとして効果的に使用し、円形のグラフィック要素と組み合わせることで、モダンでありながらも親しみやすいデザインに仕上げています。写真と文字、グラフィック要素のバランスが絶妙で、求職者に対して「働く」をより身近に感じてもらえるような工夫が施されています。
「金融・保険業」の採用サイトデザイン事例
金融・保険業の採用サイトは、堅実な業界イメージをあえて崩し、人の個性を前面に出す型が効いています。同業他社と横並びで比較されやすい業界だからこそ、デザインで差がつきやすい領域です。
岐阜商工信用組合 様（岐阜県岐阜市）
https://recruit.shoushin.co.jp/（制作：地方採用ワークス）
岐阜県岐阜市にある一般金融業、岐阜商工信用組合様の採用サイトです。
大きな文字と従業員のポートレートを組み合わせ、文字と人物が一体となった遊び心のある構成を実現しています。社員一人一人が異なるポーズやアクションをとり、赤い文字の各パーツと相互に作用することで、生き生きとした職場の雰囲気を表現しています。
また、社員が持つ観葉植物が自然な要素としてアクセントになり、職場環境の快適さも示唆しています。従来の堅苦しい採用サイトの常識を覆す、親しみやすくクリエイティブなデザインに仕上がっています。
業種で見つからないときは、色や規模から探す
自社の業種がここに見当たらなくても、参考になる事例は必ずあります。業種が違っても、伝えたい印象が同じなら設計は流用できるためです。以下の切り口から探し直してみてください。
コーポレートカラーが決まっているなら、色から
青・水色／赤／黄色・オレンジ／緑／白／グレーの6色で、それぞれ事例をまとめています。
社内で雰囲気を共有したいなら、テイストから
スタイリッシュ／爽やか／ポップ・かわいい／面白い／アットホーム。「かっこいい採用サイトにしたい」という要望も、この5つのどれかに翻訳すると社内で話が通じるようになります。
予算や体制に不安があるなら、規模から
個人経営・小規模／中小企業／大企業の設計を中小が真似するの3本立てです。
デザインだけでなく、採用サイトに載せるコンテンツごと設計したい方は採用サイトに用意すべき10のコンテンツもあわせてどうぞ。
20代・30代のエントリーはデザインで変わる
採用サイトで求職者が求めている情報を提示することはもちろん大切ですが、エントリー獲得において見落とされがちなのが「求職者の記憶に残るデザイン性」です。
そもそも求職者は、何百という会社の中から自分に合う数社まで絞り込んでいきます。条件だけを並べたページは、その絞り込みの段階で記憶から消えていきます。まずは記憶に残ること。ここが出発点だというわけです。
そして記憶に残るデザインは、センスではなく素材で決まる部分が大きいのが実際のところです。同じ構成でも、写真がプロの撮影かどうかで印象はまるで変わります。デザインに予算を配分するか迷ったら、まずは撮影だけでもプロに依頼するのが妥当な判断だと思います。採用サイトの写真の考え方は採用サイトの写真の選び方・撮影のコツにまとめています。
デザインの前に、人が来る採用活動にする
ここまで採用サイトのデザインを見てきましたが、最後に一つだけ、順番の話をさせてください。
どれだけ良い採用サイトを作っても、そこに人が来なければ何も起こりません。露出（母集団形成）と受け皿（採用サイト）は両輪で、どちらかが欠けると成果につながらない構造になっています。事例を集める段階で「まず何から手をつけるべきか」が曖昧なままなら、採用活動全体の設計から見直したほうが早いケースが少なくありません。
採用活動そのものの進め方は、地方企業の採用活動の進め方で一通り整理しています。デザインの検討と並行して目を通しておくと、優先順位が判断しやすくなるはずです。
採用サイトのデザインについてよくある質問
Q1: 参考にする採用サイトは、何社くらい見ればいいですか
同業種で3〜5社、他業種で3社ほど見れば十分だと思います。数を見るほど良いわけではなく、むしろ増やすほど社内の意見が割れて決まらなくなります。「この会社のここが良い」を各サイト1点ずつ言語化して持ち込むほうが、制作の打ち合わせは早く進みます。
Q2: 「採用ホームページ」「求人ページ」「採用サイト」は何が違いますか
呼び方の違いで、指しているものはほぼ同じです。この記事では「採用サイト」で統一しています。強いて区別するなら、求人ページは募集要項が中心の1ページ、採用サイトは会社の魅力まで含めた複数ページの構成を指すことが多い、というくらいの使い分けです。
Q3: デザインを良くすれば、応募は増えますか
デザインだけで応募数が決まるわけではありません。採用サイトが担うのは、興味を持ってくれた求職者を取りこぼさないための土台づくりです。そのうえで、記憶に残るデザインかどうかが最終的な比較検討の場面で効いてくる、という関係だと考えています。
Q4: 事例のデザインをそのまま真似しても大丈夫ですか
レイアウトや構成の考え方を参考にするのは問題ありませんが、そのまま模倣するのはおすすめしません。採用サイトは「自社らしさ」が伝わらないと意味がないためです。事例からはなぜその見せ方をしているのかという理由を持ち帰って、自社の素材に置き換えてください。
Q5: 写真やイラストの素材がほとんどありません。それでも作れますか
作れます。素材が少ない場合は、写真を大きく使う設計ではなく、イラストや図版、タイポグラフィで世界観を作る方向に振るのが定石です。この記事のBBS金明様やシステムメトリックス様が、その考え方に近い事例になります。
採用サイトのデザインは、事例を眺めている段階が一番迷います。「かっこいい」「おしゃれ」の解像度を上げるには、業種・色・テイストのどこから入るかを決めて、自社の素材で何ができるかを確かめていくしかありません。
弊社は全国の地方企業に1,400社以上のウェブサイト制作・マーケティング支援を行ってきました。採用については、サイトを作って終わりではなく、求人媒体への露出から選考までを地方企業向けに一貫してご支援しています。製造・建設・運送・医療・飲食など、地方で人が採りにくいと言われる業種の現場を見てきました。
まるごとお任せいただく必要はありません。「デザインの方向性だけ一緒に決めたい」「そもそも何から着手すべきか整理したい」という段階でも構いません。まずは御社の業種・規模・採用フェーズをうかがったうえで、最適な進め方をご提案します。
この記事を書いた人
たまちゃん
マーケティングデザイン部 マネージャー／Webマーケター 大学在学中に、複数Webメディアを立ち上げ、アフィリエイターとして法人化。設立から2年後、社会貢献などの「働きがい」を求め、リーピーにジョイン。 現在は、現場で培ったWebサイトの運用経験を元に、お客様サイトの運用代行や自社コーポレートサイトの運用など、幅広いマーケティング領域を担当。
