採用サイトデザイン制作【最新事例集13例】一堂集結！
MENU
弊社制作の採用サイトを、
制作実績【13例】として一堂に集めました！
オンライン採用、集合対面活動、
いずれも採用サイトは、今や採用戦略のコアメディア。
人事・採用ご担当者から経営層の方々まで、
新規の採用サイトづくりに、またリニューアルの際に、
ぜひご検討ください。
今回の記事では、弊社制作、最新のWeb作品について、
その中から採用関連コンテンツにフォーカス。
採用サイト、採用特設サイト、採用情報を対象にご紹介します。
1. 株式会社クロス・マーケティンググループ様
【採用サイト】
ネットリサーチ・ITソリューション事業｜東証一部上場｜東京都
インパクトのある表現と、新卒・キャリアの採用ターゲット像を意識した導線設計で、
採用戦略に合致した採用サイトを実現。
採用パンフレットとのデザイン性を同期させ、且つWebサイトとしての機能性やインタラクティブ性を備えた構成です。
【新卒採用】と【キャリア採用】それぞれのゲートウェイ
【新卒採用】のTOPページ
採用パンフレットとデザインを統一させた。
【新卒採用】のスマホTOPページ
【キャリア採用】ページ
スマホ版キャリア採用ページ
2. 光工業株式会社様
【採用特設サイト＋採用動画】
舗装・土木・建築工事業｜京都府
採用ランディングページに採用動画の組合せ実績です。オンライン・Web採用メディアの最先端を行く展開です。
求める社員像を、工事現場に踏み込み、臨場感溢れ、飾らない姿で表した動画。
それとそこにシンボリックに表現されたコピー、「誰かのために流す汗は キレイだ。」
採用特設サイトのTOP
採用ランディングページとは思えないほど充実している。TOPのイメージはコンパクト版の採用動画がループで常時再生されている。
採用特設サイトスマホ版
採用サイトに組み込まれた採用動画のフルバージョン（クリックで再生可能）
3. テルヤ電機株式会社様
【採用サイト】
電設資材及び制御機器販売｜東京都
「やってみなはれ」の精神、 自由に挑戦する社風を表現した採用サイトです。
その社風を、失敗を恐れず海に飛び込む「ファーストペンギン」に例えました。
社長自らペンギンを被り、社員も積極的に参加する雰囲気の中で、「やってみなはれ」の精神で挑戦する姿勢を表現しました。
採用サイトアニメーションビュー
採用サイトにランディングした際のファーストインプレッション。アニメーションで始まるが、まさに氷の海に飛び込まんとするのが社長。ファーストペンギンとなりチャレンジする姿を率先垂範している。
テルヤ電機株式会社様｜採用サイトTOP
社長自らペンギンの被りモノ！このユニークなノリは社内にも伝播。
スマホ版採用サイトTOP
社員紹介ページ
前述の通り、社員方々も社長のスピリットが伝播され、このペンギンの出で立ちとなる。
スマホ版採用サイト｜社員紹介ページ
5名の社員方々のご登場いただき、想いの丈を語っていただいた。ここでも企業風土がよく現れている。
4. 株式会社池上鉄工所様
【採用サイト】
生産用機器具製造業｜宮崎県
宮崎発！高度な技術力とIoTを駆使する地方発信の出色企業の採用サイトです。
「技と知の両輪」を、作業着とスーツというスタイリッシュかつインパクトのあるビジュアルに置き換えて表現しました。
株式会社池上鉄工所様｜採用サイトTOP
高度な技術力・IoTを駆使する姿と、現場でのガテンな姿の二面性が、紳士のフォーマルな姿と現場作業着の二面性備え持つ姿とオーバーラップする。
スマホ版採用サイトTOP
同採用サイト｜社員クロストーク
同採用サイトスマホ版｜社員クロストーク
5. FutureRays株式会社様
【採用情報】
業務改善支援コンサルティング｜東京都
採用活動においては、新卒から中途まで経験、学歴、性別、国籍を問わず幅広い人材を求めている同社。そんなダイバーシティな社風を一隻の船にクルーが乗り組むイラストで表現。あえてタッチを変えた賑やかなイラストづかいで、多角的な能力、個性的な社員が集う社風を表しました。
FutureRays株式会社様｜コーポレートサイト採用情報
あえてタッチの異なるイラストを中心に人材の多様性を表現した。ここまで変化を加えるのは弊社としてはかなりレアケース。
スマホ版採用情報
6. 山﨑建設工業株式会社様
【採用サイト】
土木建築工事業｜札幌市
札幌磁場を代表する建設会社の採用サイト。建築物件で撮影したドラマティックな写真、
「はじめて恋したあの場所」と、語りかけるようなコピーで、ガテンなイメージを持たれがちな建設業界の印象を払拭する採用特設サイトです。
実際の採用シーンにおいて、求職者の反応に大きく変化が現れました。
山﨑建設工業株式会社様｜採用サイトTOP
同採用サイトスマホ版TOP
同採用サイト｜先輩社員インタビューページ-01
同採用サイト｜先輩社員インタビューページ-02
7. アルバック販売株式会社様
【採用サイト＋採用動画】
真空機器装置・販売事業｜東京都
真空機器を製造するアルバックグループにおいて、国内販売を担う同社のの採用向けランディングページの制作事例です。
動画への導線を最優先としつつも、
ユーザの情報理解を助けるため、事業の紹介、社員の声、企業の特徴という3つのコンテンツでページを構成しました。
アルバック販売株式会社様｜採用サイト＋採用動画
同採用サイト＋採用動画のスマホ版
同採用サイトに組み込まれた採用動画（クリックで再生可能）
採用サイトで組み込んでいるのはショートバージョン。ここで再生するのは、フルバージョンの採用動画。
8. オムニテクノ株式会社様
【採用特設サイト】
機械器具設置作業・保守事業｜大阪府
見えにくい仕事なのに、就活生や求職者を飽きさせない、ガラス張りの採用サイト、というコンセプトの下、Webテクニカルのトレンドを取り入れ、小気味良い動きでスクロール、就活生・求職者が楽しみながらも、企業の深部まで理解できるよう工夫を凝らしました。
オムニテクノ株式会社様｜採用特設サイトTOPイメージ
オムニテクノ株式会社様｜採用特設サイト
スクロールしていくと仕事の現場が手を取るように見えてくるから不思議。就活生・求職者に仕事理解が促進され、社内の雰囲気や先輩社員方々の仕事ぶりがよくわかる。外部からは見えにくい仕事をまるごと可視化した典型例だ。
採用特設サイトスマホ版
9. 第一カッター興業株式会社様
【採用サイト】
特殊解体工事業｜東証一部上場｜神奈川県
オールマイティな宇宙飛行士をコンセプトにした採用サイトです。
同社の業務は想像力・判断力・体力・コミュニケーション力が期待されます。このような求める人物像の理想を考えていくと行きつく先は宇宙飛行士のようなオールマイティさ。この求める人物像と、他社とは違った採用サイトを目指すことから、宇宙飛行士をテーマにしました。
第一カッター興業株式会社様｜採用サイト
社長にも擬似宇宙服を纏ってご登場いただき、「常識の破壊者であれ。」という力強いメッセージを投げかけた。
同採用サイトスマホ版
同採用サイト｜社員紹介ページ
現場で八面六臂の活躍をする、若手の先輩社員方々。その颯爽とした姿に、仕事への誇りを感じる。
同採用サイト社員紹介ページスマホ版
10. 二宮電線株式会社様
【採用情報｜コーポレートサイト】
特殊電線の専門メーカー｜神奈川県
コーポレートサイト内の採用情報ページ展開事例です。ミニマルなリクルートガイドとは言え、4ページにわたる構成。代表含めた社員間での対談に3組3ページを贅沢に割きました。就活生はそこから仕事のあり方、社風に触れることができ、むしろ企業サイト内運用が、企業理解を深めミスマッチを防ぐことにも直結します。
二宮電線株式会社様採用情報｜クロストーク#3のページ
男女4名の社員方々で、対談をしていただいた。この他にもあと2組、その内1組は同社社長にもご登場いただき、社長の生の声として、就活生へのメッセージとして届けられた。
採用情報TOP
イメージカットとして、同社製品の特殊電線を題材にしたビジュアルを採用した。
スマホ版採用情報TOP
11. 東亜道路工業株式会社様
【採用サイト】
道路建設工事・製品販売事業｜東証一部上場｜東京都
“仕事の魅力”に特化した情報構成です。業務フローを軸に職種間の関わりを見せ、ミドルクラスの対談で仕事の社会的価値ややりがいを表現。また「数字で見る」は同社の実態を見える化。表現の軸はリンカーンの金言、”思い描き・実現する”を引用するなど、随所で企業の魅力を引き出しました。
東亜道路工業株式会社様｜採用サイト
同採用サイト｜社員対談ページ
「東亜道路工業は何をつくってきたのか？」と題して、中堅・若手の6名の“東亜道路マン”に参加いただき、かなりディープなクロストークを実現。
同採用サイトスマホ版｜社員対談ページ
同採用サイト｜数字で見る東亜道路工業ページ
シンボリックな数字とイラストで表現した。読ませるのではなく目に飛び込んでくるビジュアル。このように大まかな同社の企業属性を数値で表すことが就活生にはインプットされやすい。
同採用サイトスマホ版｜数字で見る東亜道路工業ページ
12. 井上株式会社様
【採用情報サイト】
電設工事・電設システム事業｜京都府
ユニークなUIと明るくクリーンなイラストで就活生に気づきを与え、興味を抱かせ、共感に導くコンテンツ設計。そのコンセプトビジュアルを、チームを象徴する「船」に求め、サイトのコンテンツニューに見立てた島を巡りながら航海をするという、TOPページのINDEXの仕様としました。またイラストと実写の社員を交えたポップなタッチと、手書き風文字・優しい色調を採用して、その社風の優しさを一層助長しています。
井上株式会社様｜採用情報サイトTOP
コーポレートサイトの採用情報カテゴリーだが、ここまでのボリューム感と採用特化のコンテンツがあれば、もはや採用情報サイトのレベル。
同採用情報サイト｜「数字で見るINOUE」
仕事のことからプライベートに至るまで、社内アンケートで、INOUEメンバーのホンネに迫る！と題して、社内のこと、社員のことを数値で網羅させた。
同採用情報サイトスマホ版｜「数字で見るINOUE」
同採用情報サイト｜「ある日の立ち話」
社内で聞こえてきたある日の社員間の立ち話。INOUEの雰囲気を知ってもらうために、こっそり公開します。という触れ込み。
同採用情報サイトスマホ版｜「ある日の立ち話」
13. フォーシーズ株式会社様
【採用サイト】
賃借人保証・家賃保証業務｜東京都
不動産賃借人保証事業のリーディングカンパニーとなる同社。採用メディア戦略の中核をなす採用サイトです。採用ナビからこの採用サイトを経て、エントリーシートを提出させ、企業説明会へと誘導する導線。その枠組みで母集団形成に効果を高める採用メディア戦略です。採用コンセプトとなるキャッチコピーのタイポグラフィが光ります。
フォーシーズ株式会社様｜採用サイトTOP
同採用サイト｜「4c’sの想い」ページ
コピー「企業を支援し、働く人を応援する」で語る同社の社会的価値。その生い立ちから今更に成長を遂げ、「1000年輝く企業をつくる」という力強い信条を就活生へ訴える。
同採用サイトスマホ版｜「4c’sの想い」ページ
同採用サイト｜「大切にしていること、自分らしさ」
同採用サイトスマホ版｜「大切にしていること、自分らしさ」
同採用サイト｜「数字で見るフォーシーズ」
