心を掴む！「採用・求人サイト」で参考になるwebデザイン事例21選！

採用サイトを作るにあたって、サイトのデザイン性にはこだわりたいものですよね。

しかし「カッコよくしたい！」「オシャレにしたい！」といった漠然なイメージはあるものの、具体的に

• どの年代を狙うのか？
• どんな配色にするのか？
• どういった企業ポイントを一番に推したいのか？

上記のような「明確なイメージまでは落とし込めていない…」という方も多いのではないでしょうか？

そもそも採用サイトを使ってエントリー獲得を増やすには、何百もの会社を見る求職者の心に残るページ内容（デザイン）にしなければならないのです。

そこで本記事では、地域No.1を目指す地方企業向けの、若者ウケするオシャレな採用サイトデザインを【全21社】集めましたので、採用サイト制作のデザイン参考として、ぜひ最後までご覧ください！

下記記事では「採用サイトの目的や制作メリット」についてより詳しく解説していますので、こちらもあわせてご覧ください！

関連記事：『採用サイトとは？目的や必要性、制作メリット・デメリットまで詳しく解説！』

「明るさ・楽しさ」を強調する、採用サイトデザイン事例

株式会社ササキ

https://sasaki-inc.co.jp/recruit/（制作：制作会社リーピー）

弊社で制作させていただいた、株式会社ササキ様の採用サイトデザインです。ファーストビューは白黒写真に鮮やかな青と赤が映えるデザイン。ファーストビュー以下でも広い面積に白と青を、差し色に赤を使用して強い印象を残します。背景や装飾にモノクロ写真を使用することで、職人的でクールな個性が出ています。縦横無尽なレイアウトもモダンで、ターゲットである新卒生にアピールできる事例となっています。

鈴木建設株式会社

https://www.suzuki-asahi.jp/（制作：株式会社リーピー）

千葉県旭市を拠点とし、数多くの土木工事・建築工事を手掛ける総合建設会社の採用サイトデザインです。明るい色使いや英語見出し、ストライプのあしらいがポップで若い世代にも響くようなデザインとなっており、採用面でも若者募集に効果的なサイト事例です。

株式会社加藤工務店

https://www.katokou.co.jp/（制作：株式会社リーピー）

弊社で制作させていただいた、愛知県にある株式会社加藤工務店様の採用サイトデザインです。低明度・高彩度の宣材写真が先進的なデザインですね。随所に使用された青が従来の「工務店」のイメージを覆すフレッシュさを演出していて、競合との差別化も意識されています。職人さんの「働く姿」にも、心打たれるデザイン事例ですね。

職人の背中を魅せる、「建築・建設業」向けの採用サイト事例

株式会社白川田工務店

https://shirakawada.jp/（制作：株式会社リーピー）

鹿児島県薩摩郡さつま町にある株式会社白川田工務店様の採用サイト事例です。サイトデザインには、建築土木業らしいごつごつした地面や、さつま町の山々のイメージを取り入れています。落ち着いた雰囲気からは「かっこいい仕事」に従事する姿が連想されますね。また、会社の歴史を数字で打ち出し、安心して働ける会社であることもアピールしています。

株式会社桐山組

http://kirigumi.co.jp（制作：株式会社リーピー）

弊社で撮影・制作した、総合建設会社の採用サイト事例です。ノスタルジーで職人の方々の味わいを感じつつも、デザインは先進的で、みている人の心を惹きます。設計図を思い起こさせるような装飾も、サイトデザインの要となっています。建築会社の要である「職人」を押し出したデザインは、高品質であることを伝える大きな手段であり、見る人に安心感を与えます。

株式会社市川工務店

https://www.ic-group.co.jp/recruitment/ （制作：株式会社リーピー）

岐阜県にある株式会社市川工務店様の採用サイトデザインです。トップの写真の背中からは、「職人の頼もしさ」がひしひしと伝わってくるよう。サイト内でも実際に働く人の写真を多く使い、会社の雰囲気や仕事の様子が伝わるよう工夫しています。「先輩たちの声」の項目では、写真にカーソルを合わせると表情・ポーズが変化する仕掛けも。細部までこだわったサイト事例となっています。

株式会社日発電工

https://www.nippatsu.co.jp/（制作：株式会社リーピー）

弊社で制作させていただいた、岐阜県関市にある株式会社日発電工様のサイトデザインです。トップページ内で強調されたコピーは印象的で、会社ならではの雰囲気や業務への思いがサイト訪問者の心を打ちます。インフラという“陰の立役者”の「かっこよさ」を引き出す、採用強化も意識したサイト事例となっています。

株式会社中原組

https://www.nakaharagumi.jp/（制作：株式会社リーピー）

山口県にある総合建設会社の採用サイトデザインです。緑をアクセントカラーとしながらも、全体はモノトーンでまとめられているため、落ち着きのある安定した印象を与えています。職人さんの笑顔から会社の活気が伝わり、親しみが持てますね。優しい第一印象が、応募のハードルを下げてくれます。

自社カラーで「記憶に残す」採用サイトデザイン事例

大日コンサルタント株式会社

https://dainichi-consul.co.jp/recruit/（制作：株式会社リーピー）

弊社で制作させていただいた大日コンサルタント株式会社様の採用サイトデザインです。ファーストビューでは、まず赤とオレンジのグラデーションが目を惹きます。手書きのキャッチコピーが画面上で書かれていくアニメーションは、ワクワク感と温かみを感じさせてくれますね。ファーストビュー以下にもグラデーション要素を取り入れ、明るく個性的なデザイン事例となっています。

システムメトリックス株式会社

https://www.systemmetrix.jp/（制作：株式会社リーピー）

弊社で制作させていただいた、愛知県名古屋市でCADソフトウェアなどを開発・販売されている企業の採用サイトデザインです。コーポレートカラーのブルーをメインに、ネットワークを想起させるイラストや画像を効果的に配置しています。「企業らしさ」を視覚的に表したデザイン事例ですね。

自社のキャッチコピーを強調する、採用サイトデザイン事例

株式会社丸徳鉄工

https://www.marutoku-tk.co.jp/（制作：株式会社リーピー）

弊社で制作させていただいた、岐阜県岐阜市にある丸徳鉄工様の採用サイトデザインです。トップのコピーは端的ですが、それゆえに見る人の心を揺さぶる魅力がありますね。ライティングには企業の歴史や技術力へのこだわりを込め、サイトに訪れた人を惹きつけるようなデザイン事例となっています。

株式会社協和精機

https://mold-kyowa.co.jp/（制作：株式会社リーピー）

宮崎県にある金型を製造する会社の採用サイトデザインです。トップにあるコピーの主語は私「たち」となっていて、見る人をも巻き込むような力強さがあります。また空と海の写真に合わせて馴染むよう、青の色味を調整し、全体的に爽やかさを感じるスタイリッシュなサイトに仕上げました。製造業のイメージがとても明るくなるデザイン事例ですね。

株式会社エクソル

https://exsol.jp（制作：株式会社リーピー）

弊社で制作させていただいた株式会社エクソル様の採用サイトデザインです。コピーの主語が「君」となっていて、「この会社なら自分も輝けるかも…」という期待感を高めてくれます。採用サイトにおいては企業への印象も大切になりますので、語りかけるような口調のコピーは求職者の心をつかむのにも有効です！

20代を起用した、若者により添う採用サイト事例

ジェイエムシー株式会社

https://www.jmc-ltd.co.jp/　（制作：株式会社リーピー）

斜めに開くローディングから始まり、トップ画面ではキャッチコピーにかかった青いグラデーションが滑らかに動きます。スクロールに合わせて緩やかな線が流れたりと、目線誘導におけるデザインの工夫が満載です！

株式会社ラーニングエージェンシー

https://newgraduates.learningagency.co.jp/（制作：株式会社リーピー）

こちらは都市部に拠点を置く、人材事業コンサルティングを行う会社の新卒採用サイト事例です。水色をベースに配色をおこなっており、新卒社員の若々しくフレッシュなイメージが伝わってきますね。そして「数字で見る」というセクションが青い円が背景に広がるデザインも、実績のインパクトを底上げしています。

訪問看護ステーション・ナースの森

https://na-sunomori.jp/（制作：株式会社リーピー）

静岡県伊東市にある訪問看護ステーション・ナースの森様の採用サイトデザインです。ピンクを基調とした配色とスタイリッシュなアニメーションを取り入れたデザインが「今風」で、若者心をくすぐります。「介護業界って大変そう…」といったイメージを見事に払拭してくれるデザイン事例となっています！

「社内の様子」を分かりやすく伝える、採用サイト事例

後藤木材株式会社

https://recruit.houscrum.co.jp/（制作：株式会社リーピー）

弊社で制作させていただいた、後藤木材株式会社様の採用サイトデザインです。明度の高い写真がふんだんに使用されたサイトデザインは、明るく清潔感あふれる印象を作っています。社員インタビューも充実しているため、入社後の雰囲気やイメージがつかみやすく、応募の後押しにもなるデザイン事例ですね！

和光会グループ

https://recruit.wakokai.or.jp/（制作：株式会社リーピー）

医療・福祉・子育てサービスを行う和光会グループ様の採用サイトデザインです。トップを飾る保育士さんの言葉と笑顔の写真がとても印象的ですね。インタビュー記事が豊富で、働く方の様子から就職後のイメージが湧きやすく、応募もしやすい採用サイトに仕上がっています！

株式会社ノエル

https://recruit.noel-garden.jp/（制作：株式会社リーピー）

愛知県一宮市にある外構設計・デザインを手がける「株式会社ノエル」様の採用サイトデザインです。「先輩インタビュー」ではまるで名刺をめくるようなアニメーションで、次々と社員さんの写真が現れます。内容が充実しているのももちろんですが、こうした演出面で遊び心を凝らしたデザインは、若者の心をくすぐりますね。

株式会社アイコットリョーワ

https://recruit.ic-ryowa.com/（制作：株式会社リーピー）

弊社で制作させていただいた、岐阜市のタイルメーカー株式会社アイコットリョーワ様の採用サイトデザインです。ホームの「数字で見るアイコットリョーワ」では会社の従業員数や残業時間、福利厚生など、求職者が知りたい情報を、デザインを駆使して的確にまとめています。知りたい情報がスムーズに閲覧できるのは、サイトを最後まで見てもらう上でとても大切です。

佐藤歯科医院

https://recruit.dentist-sato.com/（制作：株式会社リーピー）

岐阜県美濃加茂市にある佐藤歯科医院様の採用サイトデザインです。ページ全体は白色が基調のデザインとなっており、デンタルクリニックらしい「爽やかな印象」を受けますね！スタッフの皆さんの笑顔からも誠実さが伝わります。働く方の声や福利厚生の情報を充実させ、「安心して働ける」ことを効果的に訴求できるデザイン事例となっています。

若者の心を掴むデザインで、
20代・30代からのエントリーを獲得！

採用サイトというのは求職者が求めている情報を提示することももちろん大切ですが、エントリー獲得において最も重要なことは「求職者の記憶に残るデザイン性」です。

そもそも求職者というのは何百という会社の中から、自分に最適な数社を絞りこむわけですから、まずは求職者の記憶に残ることが必須条件なのです。

地方採用ワークスでは、採用サイト制作から、採用業務の代行、人材紹介など、”地方企業における採用課題の解決”に特化した包括的な支援を行っております。

• 採用したいけど、何からやればいいかわからない…
• 本業に精一杯で、採用に割く時間がない…
• 過去色々やってみたけど全く成果が出なかった…

上記のようなお悩みをお持ちの方は、ぜひ一度地方採用ワークスにご相談ください！

※ご紹介しているサイトの中で、「（制作:株式会社リーピー）」と書かれたサイトは当社の制作実績です。その他のサイトは当社の制作実績ではございませんが、デザイン性などが優れているため、事例としてご紹介させて頂きました。制作をされた制作会社様で、掲載の取り消しをご希望の場合は速やかに対処させて頂きますので、当社までご連絡くださいませ。