採用サイト制作の費用相場と成功する設計ポイント【2026年版】

採用サイト制作の費用相場は、規模や機能によって30万〜200万円です。コーポレートサイトに採用ページを数ページ追加する場合は30万〜60万円、独立した採用専用サイトを構築する場合は80万〜200万円が目安になります。

この記事では、Web制作20年以上・多数の採用サイト制作実績をもとに、費用の内訳から必要なコンテンツ構成、応募率を高めるデザイン設計、制作の進め方まで解説します。採用サイトは「作って終わり」ではなく、求職者の行動を変える設計が必要です。人事・採用担当者や経営者の方が、適正な費用で成果の出る採用サイトを作るための判断基準がわかります。

採用サイト制作の費用相場 — 規模別・依頼先別の料金比較

採用サイトの費用は、「コーポレートサイトの中に採用ページを設けるか」「採用専用の独立サイトを作るか」で大きく変わります。まずは規模別の費用感を把握しましょう。

規模別の費用相場

「コーポレートサイト内の採用ページ追加」は、既存のコーポレートサイトに採用情報・社員インタビュー・エントリーフォームなどのページを追加するパターンです。費用を抑えたい場合はこの方法が現実的です。一方、採用活動を本格化させたい企業は、コーポレートサイトとは別ドメインまたはサブディレクトリで採用専用サイトを構築する方法を選びます。

依頼先別の費用比較

費用を左右する最大の要因は撮影とライティングです。社員インタビューの取材・撮影をプロに依頼すると、1人あたり3万〜8万円の費用が加算されます。5人分のインタビューを制作すると、それだけで15万〜40万円になります。

ホームページ制作全般の費用について詳しくは「ホームページ制作の費用相場と内訳」で解説しています。

費用が変動する主な要因

1. オリジナルデザインかテンプレートか — フルオリジナルデザインはテンプレートベースの1.5〜3倍の費用がかかります。ただし採用サイトは企業のブランドイメージを直接伝える場であり、テンプレートでは差別化が難しいケースも多いです
2. 撮影・取材・ライティングの範囲 — 社員インタビュー、オフィス撮影、動画制作の有無で費用が大きく変動します。自社で素材を準備できれば20〜30%の削減が可能です
3. ATS（採用管理システム）との連携 — HRMOS、HERP、talentio等のATSと連携する場合、開発工数が追加で20万〜50万円かかります
4. 動画コンテンツの制作 — 企業紹介動画やオフィスツアー動画の制作は、1本あたり20万〜80万円が相場です
5. 多言語対応 — グローバル採用に対応する場合、日英2言語で制作費が1.3〜1.5倍になります

費用を抑えるための具体的な方法

採用サイトは「安ければいい」ものではありませんが、限られた予算の中で最大の効果を出すことは可能です。Web制作20年の経験から、費用を抑えつつ品質を維持する方法を紹介します。

1. 社員写真はスマートフォンで自社撮影する — プロの撮影と比べると仕上がりは劣りますが、自然光を活用し、実際の業務風景を撮影すれば十分なクオリティが得られます。撮影のコツは、窓際で午前中に撮影すること、カメラのポートレートモードを使うこと、背景に実際のオフィスを入れることの3点です
2. インタビュー記事は社内のライターが作成する — 人事担当者が社員にインタビューし、原稿を作成する方法です。プロのライターに依頼するより時間はかかりますが、社内の人間だからこそ引き出せるリアルなエピソードが出てくることもあります
3. テンプレートベース＋部分カスタマイズ — 全ページフルオリジナルではなく、トップページと社員インタビューのテンプレートだけオリジナルデザインにし、他のページはテーマのテンプレートを活用する方法です。これにより、デザイン費を40〜50%削減できます
4. 段階的にコンテンツを充実させる — 最初から完成形を目指すのではなく、まず最低限のページ（トップ、募集要項、エントリーフォーム）を公開し、その後、社員インタビューや動画コンテンツを四半期ごとに追加していく方法です。初期費用を抑えながら、サイトを成長させることができます
5. IT導入補助金の活用を検討する — 採用管理システム（ATS）との連携やエントリーフォームの自動化など、業務効率化の要素がある場合、IT導入補助金の対象となる可能性があります。最大50%の補助率で、採用サイト制作費を大幅に軽減できるケースもあります

採用サイトに必要なコンテンツ一覧

採用サイトは「求人票をWebに載せるだけ」では成果が出ません。求職者が入社を判断するために必要な情報を、適切な順序で提供する必要があります。リクルートの「就職白書2024」によると、求職者が企業選びで重視する情報の上位は「仕事内容」「社風・企業文化」「待遇・福利厚生」です。この3つを軸に、以下のコンテンツを設計します。

コンテンツ設計の3つのポイント

1. 求職者の意思決定プロセスに沿った情報設計 — 求職者は「興味」→「理解」→「共感」→「応募」のステップで意思決定します。トップページで興味を引き、会社紹介と社員インタビューで理解と共感を深め、募集要項とエントリーフォームで応募に導く導線を設計します
2. 他社との差別化ポイントを明確にする — 給与・休日数だけでなく、「この会社でしか得られない経験」「独自の文化」を言語化します。制度の羅列ではなく、その制度が生まれた背景やエピソードを添えると説得力が増します
3. 数値で語る — 「風通しの良い職場」ではなく「社長との1on1を月1回実施」「部署異動希望の承認率85%」のように具体的な数字で伝えます。抽象的な形容詞は求職者に刺さりません

募集要項ページの書き方

募集要項は採用サイトの中で最も実用的な情報を伝えるページです。求職者は複数企業の募集要項を比較して応募を判断するため、情報の漏れや曖昧さは致命的です。

募集要項に記載すべき項目は以下の通りです。

• 職種名: 社内用語ではなく、求職者が検索するであろう一般的な職種名を使います。「〇〇推進担当」よりも「Webマーケター」の方が検索でヒットしやすく、求職者にも伝わります
• 仕事内容: 入社後にどんな業務を行うのかを具体的に記載します。「営業活動全般」ではなく「既存顧客への提案営業が7割、新規開拓が3割。月間の商談件数は15〜20件」のように具体的に書きます
• 応募資格（必須・歓迎）: 必須条件と歓迎条件を分けて記載します。必須条件が厳しすぎると応募数が減り、緩すぎるとミスマッチが増えます
• 給与: 可能な限り具体的に記載します。「経験・スキルにより応じる」だけでは求職者は判断できません。「月給30万〜50万円（経験により決定）」のように幅を持たせつつ具体的な金額を提示します
• 勤務地・勤務時間: リモートワークの可否、フレックスタイムの有無も明記します
• 福利厚生: 社会保険の種類、休暇制度、手当、研修制度などを箇条書きで記載します
• 選考プロセス: 応募から内定までのステップと所要期間を明示します。「書類選考 → 一次面接 → 最終面接（応募から内定まで約2〜3週間）」のように、全体像がわかる形式にします

応募率を高める採用サイトデザインのポイント

採用サイトのデザインは「見た目のきれいさ」だけでなく、応募というコンバージョンにつながるUI設計が重要です。Web制作の現場で実際に効果が出たデザイン手法を紹介します。UIデザインの基本的な考え方については「UIデザインの基本原則と実践ガイド」も参考にしてください。

ファーストビューの設計

ファーストビューは求職者が最初に見る領域であり、3秒以内に「自分に関係がある」と思わせる必要があります。効果的なファーストビューの要素は以下の通りです。

• キャッチコピー: 企業のミッションや採用メッセージを端的に伝える。「一緒に成長しよう」のような抽象的な表現ではなく、「〇〇業界の常識を変えるエンジニアを募集」のように具体的に書きます
• メインビジュアル: 実際に働いている社員の写真を使用します。フリー素材のビジネスパーソン写真は見抜かれます。自社の雰囲気が伝わるリアルな写真を優先してください
• CTA（応募ボタン）: ファーストビューに「募集職種を見る」ボタンを配置します。スクロールしなくても次のアクションが明確である状態を作ります

レスポンシブデザインは必須

厚生労働省の「令和5年版 労働経済の分析」でも示されているように、求職者の転職活動はスマートフォンが中心です。採用サイトへのアクセスの60〜70%がスマートフォンからという企業も多く、モバイルファーストの設計は必須条件です。

モバイルでの設計で注意すべきポイントは以下の通りです。

• タップしやすいボタンサイズ: 最低44px × 44pxを確保します
• フォームの入力しやすさ: 入力項目の間隔を十分に取り、適切な入力タイプ（tel、email等）を指定します
• 画像の表示速度: 社員写真やオフィス写真は多くなりがちです。画像の遅延読み込み（Lazy Loading）と適切な圧縮で表示速度を維持します
• 固定フッターのCTA: スマートフォン画面下部に「応募する」ボタンを固定表示し、どのページからでもすぐに応募できるようにします

カラーとトーン

採用サイトのカラー設計は、コーポレートサイトのブランドカラーをベースにしつつ、ターゲット層に合わせたトーン調整を行います。

• 新卒採用がメイン: 明るく活気のあるトーン。白をベースに、ブランドカラーのアクセントを効かせます。余白を広めに取り、写真を大きく使う構成が効果的です
• 中途・経験者採用がメイン: 落ち着いた信頼感のあるトーン。過度にカラフルにせず、事業内容や成長環境を論理的に伝えるレイアウトが適しています
• エンジニア採用がメイン: 技術情報が充実していること自体が最大の訴求。技術スタック、開発環境、GitHubアクティビティ、テックブログへのリンクなど、エンジニアが知りたい情報を前面に出します

写真とビジュアルの選び方

採用サイトの写真は「企業の空気感」を伝える最も直接的な手段です。写真の選び方一つで、求職者の印象は大きく変わります。

• 集合写真よりも少人数の仕事風景を重視する — 全社員の集合写真は「誰がいるのか」がわからず、求職者には刺さりません。2〜3人で打ち合わせをしている風景や、1人が真剣に作業に取り組んでいる姿の方が、働くイメージが湧きやすいです
• 笑顔だけの写真にしない — 全員が不自然に笑っている写真は演出感が出てしまいます。真剣な表情、議論中の表情、達成感のある表情など、様々な場面の写真を混ぜることでリアリティが増します
• オフィスの「余白」も見せる — 休憩スペース、本棚、ホワイトボード上のメモなど、仕事以外の場所や道具も撮影に含めます。企業文化は、こうした「余白」にこそ表れます
• 季節感のある写真を含める — 花見、忘年会、社内イベントなどの季節写真は、サイトに動きと温かみを加えます

アクセシビリティへの配慮

コントラスト比の確保（WCAG 2.1 AA準拠）、画像のalt属性の設定、キーボード操作への対応は、求職者体験の向上だけでなくSEOにもプラスに働きます。アクセシビリティに配慮したサイトは、企業のダイバーシティへの姿勢を示すシグナルにもなります。

ナビゲーション設計

採用サイトのナビゲーションは、コーポレートサイトとは異なる設計が求められます。求職者が求めている情報にすぐたどり着けることが最優先です。

• グローバルナビゲーション: 「仕事を知る」「人を知る」「環境を知る」「募集要項」「エントリー」のように、求職者の行動目的に沿ったラベルにします。「会社概要」「IR情報」といったコーポレートサイトのメニュー項目とは分けて設計します
• パンくずリスト: SEOの観点からも、サイトの構造を明確に示すパンくずリストを設置します
• 職種フィルター: 複数の職種を募集している場合、職種カテゴリ（エンジニア、デザイン、営業、管理部門など）でフィルタリングできるUIを実装します
• 新卒・中途の切り替え: 新卒と中途で異なるコンテンツを用意している場合、トップページで明確に分岐させるか、ヘッダーにタブ切り替えUIを設けます

採用サイトと求人媒体の使い分け

採用サイトと求人媒体は「どちらか一方」ではなく、それぞれの強みを活かした併用が最も効果的です。採用コストを最適化するために、両者の特徴を理解しておきましょう。

最適な併用パターン

1. 求人媒体で認知を獲得し、採用サイトで応募を決意させる — 求人媒体で企業名を知った求職者は、応募前に必ず企業の公式サイト・採用サイトをチェックします。求人媒体だけでは伝えきれない社風やキャリアパスを、採用サイトで補完する設計にします
2. 短期的な母集団形成は求人媒体、中長期のブランディングは採用サイト — 今すぐ人が必要な場合は求人媒体やダイレクトリクルーティングを活用し、並行して採用サイトを育てていきます
3. 採用サイトのSEOが軌道に乗れば、求人媒体への依存度を下げられる — 「〇〇業界 エンジニア 求人」「〇〇市 営業 正社員」などのキーワードで採用サイトが上位表示されれば、求人媒体の掲載費を削減しても応募数を維持できます

採用サイト制作の進め方 — 企画から公開までの流れ

採用サイト制作を成功させるには、制作会社に丸投げするのではなく、社内の体制づくりから始めることが重要です。制作会社の選び方について詳しくは「ホームページ制作会社の選び方ガイド」を参考にしてください。

以下、企画から公開までの全工程を解説します。

ステップ1: 社内体制の構築と目的の明確化（制作開始の1〜2ヶ月前）

採用サイト制作プロジェクトの出発点は、社内の意思決定体制を整えることです。

• プロジェクトオーナーの決定: 人事責任者が担当するケースが多いですが、最終的なデザイン承認は経営者の判断が必要になることが多いです。承認フローを事前に決めておきます
• 目的とKPIの設定: 「応募数を月間30件にする」「採用単価を50万円から30万円に下げる」のように数値目標を設定します
• ターゲット人材の定義: 「どんな人に来てほしいか」を具体的に言語化します。スキルセットだけでなく、価値観やカルチャーフィットの基準も含めます
• 競合の採用サイト調査: 同業他社の採用サイトを5〜10社リストアップし、コンテンツ構成・デザイン・訴求ポイントを分析します

ステップ2: 制作会社の選定と発注（2〜4週間）

採用サイト制作の経験がある制作会社を3社以上ピックアップし、見積もりを比較します。

• ポートフォリオの確認: 採用サイトの制作実績があるか、実績サイトのURLを確認できるかをチェックします
• 提案内容の比較: 費用だけでなく、コンテンツ戦略やSEO施策の提案が含まれているかを評価します
• 撮影・ライティングの対応可否: 社員インタビューの取材・撮影まで一括で対応できるかを確認します
• ATS連携の実績: 利用中のATSとの連携経験があるかを確認します

ステップ3: 企画・設計フェーズ（2〜3週間）

制作会社と協力して、サイトの設計を行います。

• サイトマップ作成: 必要なページの洗い出しと階層構造の設計
• ワイヤーフレーム作成: 各ページの情報配置とユーザー導線の設計
• コンテンツ企画: 社員インタビューの対象者選定、撮影スケジュールの調整
• キーワード戦略: 採用SEOで狙うキーワードの選定と、各ページへの割り当て

ステップ4: コンテンツ準備・撮影（2〜4週間）

設計が確定したら、コンテンツの制作に入ります。この工程が最も時間がかかることが多いです。

• 社員インタビューの実施: 1人あたり60〜90分の取材。事前に質問リストを共有し、回答を準備してもらいます
• オフィス・現場の撮影: 自然な雰囲気の写真を撮るため、通常の業務日に撮影を行います
• テキスト原稿の作成: 企業理念、事業紹介、福利厚生などのページ原稿を社内で準備します
• 動画素材の撮影・編集: 動画コンテンツを制作する場合、撮影と編集で2〜3週間が必要です

ステップ5: デザイン・実装（3〜6週間）

コンテンツが揃ったら、デザインとコーディングに入ります。

• デザインカンプ制作: トップページ→主要下層ページの順でデザインを作成し、確認・修正を行います
• コーディング: デザインをHTML/CSS/JavaScriptで実装。レスポンシブ対応、アクセシビリティ対応を含みます
• CMS構築: WordPressやヘッドレスCMSでの管理画面構築。求人情報を自社で更新できる仕組みを整えます
• フォーム実装: エントリーフォームの実装。ATS連携がある場合はこの段階で接続テストを行います

ステップ6: テスト・公開（1〜2週間）

公開前のテストは入念に行います。

• ブラウザテスト: Chrome、Safari、Firefox、Edge、iOS Safari、Android Chromeでの表示確認
• フォームテスト: エントリーフォームの送信テスト。自動返信メール、管理者通知メールの動作確認
• 表示速度テスト: Google PageSpeed Insightsでモバイル・デスクトップの速度を計測し、90点以上を目指します
• SEO初期設定: メタタグ、構造化データ、サイトマップ、Google Search Consoleの設定
• アクセス解析導入: GA4の設定、コンバージョン（応募完了）のイベント設定
• 公開・告知: 社内への周知、求人媒体からの採用サイトへの導線設定

まとめ — 採用サイト制作チェックリスト

採用サイトは、求人媒体への掲載費を毎年支払い続けるよりも、長期的に見て採用コストを下げるための投資です。一度作れば24時間365日、求職者に対して企業の魅力を伝え続けます。

制作にあたって確認すべきチェックリストを最後にまとめます。

制作前の準備

1. 採用サイトの目的とKPIを明確にする（月間応募数、採用単価など）
2. ターゲット人材のペルソナを定義する
3. 競合他社の採用サイトを5〜10社分析する
4. 社内の承認フローと決裁者を決める
5. 予算と制作期間のスケジュールを確定する

コンテンツの設計

1. 募集要項は職種ごとに独立ページで制作する
2. 社員インタビューは最低3名分を用意する
3. 写真はフリー素材ではなくオリジナルを使用する
4. 福利厚生・制度は具体的な数字で記載する
5. 選考フローを明確に提示する

デザイン・実装

1. モバイルファーストで設計する
2. ファーストビューにCTAを配置する
3. ページ読み込み速度（モバイル90点以上）を確保する
4. JobPosting構造化データを実装する
5. アクセシビリティに配慮する（WCAG 2.1 AA準拠）

公開後の運用

1. 月1回の情報更新チェックを行う
2. 四半期に1本の新規コンテンツ（インタビュー等）を追加する
3. GA4で応募完了率・流入元を月次でモニタリングする
4. 応募フォームの入力項目は5つ以下に絞る
5. 求人媒体とのデータ整合性を維持する

採用サイトのSEO対策や運用ノウハウについては採用サイトの運用・コンテンツ設計ガイドで解説しています。

RINIAでは、採用サイトの企画・設計・デザイン・実装・SEO対策までワンストップで対応しています。採用サイト制作サービスのページで、具体的な制作プランと実績をご確認いただけます。採用サイト制作の費用感や進め方について、まずはお気軽にご相談ください。