採用サイトの制作を検討されている方は「どんな点に気を付けるべき？載せるべき情報や制作を依頼するときのコツを知りたい。」と悩むことがあるのではないでしょうか。今回は採用サイトの制作にあたり欠かせないポイントや、デザインのトレンドをプロの目線で解説します！
採用サイトの重要性・役割
まずは採用サイトの重要性や役割を理解したうえで、記載情報や相場、手順などを見ていきましょう。
今回はWeb制作に詳しいfria先生にお話しを伺い、採用サイトの制作のポイントをまとめました。
教えてくれる人
・採用のミスマッチを減らす
・競合他社との差別化
・「Googleしごと検索」への対応
それぞれの内容を詳しく見ていきましょう。
採用のミスマッチを減らす
1つ目の役割は、採用においてミスマッチを減らすことです。
社風などは特に気になるところだと思います。
競合他社との差別化
たとえば業界内で僅差のA社とB社があったとします。
業績・待遇面では甲乙つけがたいときに、A社には採用サイトがあり、B社には無い、もしくは募集要項だけしか載ってなければ、多くの就活生がA社を第一希望にしますよね。
採用サイトがある方がきちんとしたイメージを持てます。
採用サイトを作る場合は、自社の競合に当たる企業の採用サイトを参考にして、差別化できるポイントを探してみましょう。
競合他社に負けないサイトを制作するならこちら！
「Googleしごと検索」への対応
Google for Jobsとも言われます。
「Googleしごと検索」に対応するためには、自社の採用サイトに「構造化データ」を組み込みなど、専門的な知識が必要です。
これらに対応できるフリーランスもいますので、依頼する際は採用サイトの制作と合わせて「Googleしごと検索」への対応も要件に入れておくとよいでしょう。
SEO対策がなされたサイトを制作したい方はこちら！
採用サイトに載せるべき情報
ポイントなどあれば教えてください！
企業情報
いわゆるコーポレートサイトに載っている情報です。
社名や拠点、資本金や社員規模などを記載します。
就活生への代表挨拶
採用サイト用の就活生に向けたメッセージを掲載します。
代表者の写真も一緒に掲載するケースが多いです。
企業としての安心感や信頼につながりやすくなります。
企業理念やバリューの説明
一番重要な箇所といっても過言ではありません。
企業が何のために活動しているのか、どんな価値を生んでいるのかを就活生に伝える大切な部分です。
理解しづらかったり、誤解されたりするとミスマッチの原因になりますので入念に準備しましょう。
これまでの歩み
企業の歴史を記載したぺージです。
年表のように表現できると、これまで歩んできた軌跡がわかりやすく伝わります。
組織体制の説明
自社の部門をイラストや図で表します。
社員インタビュー
現在働いている社員のインタビューを載せます。
若手・中堅・部長以上のレイヤーが、それぞれ写真付きで登場することが理想です。
働くオフィスの様子
画像などでオフィス内の雰囲気を伝えて、どんな場所で仕事をしているのかわかるようにします。
雰囲気を伝えることが大切なので、説明文はなくても問題ありません。
数字で見る〇〇（会社名）
男女比や出身地など様々なものを数字で表現すると、ユニークさを演出できます。
数字はグラフやアイコンにすると、見てもらいやすくなります。
福利厚生についての説明
福利厚生は意外と注目される部分です。
若い年齢層の就活生は特に気にする箇所なので、なるべく詳しく記載しましょう。
募集要項
どのような人材に応募してもらいたいか、条件があれば記載します。
選考にあたって、就活生が必要な設備環境（パソコン、マイク、Zoomのインストールなど）があれば記載しましょう。
他にポイントなどあれば教えていただきたいのですが……。
採用サイトの中だけでなく、他の媒体も取り入れた活動を行っている企業が増えていますね。
採用サイト制作の相場
一つの目安として、例えば「TOPページ含め6ページの採用サイトでライティング無し」とすると、フリーランス相場で「平均15万円前後」といったイメージでしょうか。
特にライティング費用は注意しましょう。
ライティング込で対応してもらえるのか、原稿はすべてクライアント側で用意する必要があるのか、あらかじめ確認することをおすすめします。
採用サイト制作の手順と注意点
流れは以下の通りです。
それぞれの段階で注意したいこともあわせて解説しますね。
①ヒアリング
・いいと思っている他社の採用サイトはないか？
上記のような、お客様が持っている「採用サイトの完成イメージ」を共有していただきます。
合わせて公開スケジュールや、素材の提供のタイミング、公開サーバーの情報などについてヒアリングします。
②サイトマップ作成
階層を持ったサイト型の採用サイトを作る場合は、トップから下層ページまでの導線を表すサイトマップを作成します。
1ページ（LP型）の採用サイト制作ならサイトマップは作らず、そのまま次のワイヤーフレームの段階に進みます。
③ワイヤーフレーム作成
デザイン前に大まかなレイアウトを決めるため、色を付けずに線画を中心にまとめたワイヤーフレームを作成します。
多くの場合はトップページと下層ページを1つずつ作り、これらをテンプレートとして次の段階に移ります。
④デザイン作業
ワイヤーフレームをもとに写真の挿入や、色を付け、出来上がりイメージにほぼ近い状態のデータを作成します。
⑤コーディング作業
デザインに問題なければ、HTML・CSS・JSなどを使ったコーディング作業に移ります。
この段階では、デザインでお見せしたものをそのまま再現するのが一般的です。
ただし画像スライダーや背景動画、アニメーションなどの実装を予定している場合は、ここで初めて確認できます。
⑥テストアップ確認
この段階まで来たら、あとはサーバーにアップするだけです。
テキストに誤字脱字がないか、リンク切れが起きていないか？などをご確認いただきます。
⑦本番公開
テストアップに問題がなければ、公開に移ります。
Googleアナリティクスなどアクセス解析ツールを使用している場合は、公開後にきちんと計測できているか確認しましょう。
採用サイト制作の注意点
例えば企業理念やバリューなどを語るページは、文字をつらつらと書きがちです。
しかし図解やアイコンなど挿絵的なものを挟んだり、文字にを装飾付けたりするだけでも読みやすくなります。
1日に何件も面接に行く忙しい就活生にとっても、重要なポイントを理解しやすくなるでしょう。
たしかに見やすさは重要ですよね。
その他に何かポイントはありますか？
ごく稀に、費用削減のためにPCサイトだけの制作を打診される方もいらっしゃいます。
基本は両方作るほうがいいのですが、もし予算の関係で難しければPCサイトよりもスマホサイトを作ることをおすすめします。
就活中は外出していることも多く、出先で採用サイトを見直すなど、スマホで閲覧することが圧倒的に多いからです。
おそらく、どの採用サイトでも6～7割程度がスマホからのアクセスかと思います。
そのくらい採用サイトをスマホ対応にすることは重要です。
見る人の立場に立ってデザインや使いやすさも考えないといけませんね。
採用サイト制作におけるデザインのトレンド
例
・動画を背景にしてキャッチコピーを上に重ねる
・幾何学的なアニメーションを取り入れる
・スクロールすると背景が変化する
このように、一気に引き込まれるようなビジュアルの採用サイトが増えています。
ただし高度な動きを付ける採用サイトの場合、追加工数がかかる可能性があるので、事前に確認しておきましょう。
限られた予算の中でどの程度のものが作れるか、事前に確認することが大切ですね。
採用サイト制作はココナラで！
こんなときは、フリーランスで活躍しているWebデザイナーがいるココナラがおすすめです。
fria先生をはじめとした優秀なWeb制作のプロが多数いますので、きっとイメージ通りの採用サイトを制作できますよ。
編集部イチオシのWeb制作サービスを、厳選して予算別にご紹介します！
【～5万円まで】コスト重視の方におすすめのサービス
サイト制作の費用は「あれもこれも」と追加していくと青天井になります。
まずは予算5万円以内で作成できるサービスを見てみましょう。
美しいWebサイトを制作します！
- 金額：35,000 円
- お届け日数：要相談 / 約24日（実績）
- おすすめポイント：販売実績200件超えの人気デザイナーさんです。
美スッキリ! 更新簡単Wixホームページ作ります 実績200件超 SEO重視の美しくクールなWix集客サイト
丁寧かつ迅速な対応を心がけています
- 金額：35,000 円
- お届け日数：20日（予定） / 約21日（実績）
- おすすめポイント：無料ツールのWIXを使ってサイト制作をしてくださる方です！
スマホ対応・更新らくらくなWixサイト作成します SEO対策！アフターフォローもばっちり！サイト運営をサポート
格安でWordPressサイト制作！
- 金額：50,000 円
- お届け日数：要相談 / 約13日（実績）
- おすすめポイント：WordPress制作で大人気。評価数も100以上あるWeb制作者さんです！
格安！WordPressでブログやHP作成します 「顧客の評価が全て」0から始めるならコレ！
評価5を継続中！実績100件語超えのプロに依頼！
- 金額：50,000 円
- お届け日数：要相談/約9日（実績）
- おすすめポイント：WordPressのテーマは150種類以上。他にないサイトを作れます！
SEO重視のホームページ制作+安心サポート致します 150種類以上のWordpressテンプレートから選べます
【6～15万円】中価格帯のサイト制作サービス
次に6~15万円以内で購入できるサービスをまとめました。
Web制作に関わることなら何でもご相談ください！
- 金額：60,000 円
- お届け日数：要相談 / 約24日（実績）
- おすすめポイント：Jimboサイトを10ページの範囲内で作成してくださる制作者さんです。
JimdoサイトをプロのWebデザイナーが作ります 見栄え良く作れない人、作るのが面倒な人へ
fria先生に採用サイト制作を依頼！
- 金額：80,000 円
- お届け日数：要相談
- おすすめポイント：実務経験8年のプロがクオリティの高い採用サイトを制作してくれます！
実務8年のプロが高品質なサイトを制作致します 一般的な制作会社の作ったHPと同等以上のクォリティーをご提供
海外にも通用するシンプルで高品質なサイト制作！
- 金額：80,000 円
- お届け日数：21日（予定） / 約46日（実績）
- おすすめポイント：複数の海外企業でサイト制作を経験されてきたプロの方です！
世界で通じる高品質なウェブサイトを制作いたします 海外顧客を中心に実績あり！Wixでシンプルなホームページ製作
初めてサイトを制作される方にも丁寧に説明します！
- 金額：100,000 円
- お届け日数：14日（予定） / 約3日（実績）
- おすすめポイント：新しい企業向けのホームページ作成におすすめです！
新規企業ホームページ（HP／LP）制作します あたらしいホームぺージが手に入ります！
テンプレート不使用！構築は自分たちでできる人におすすめ
- 金額：120,000 円
- お届け日数：要相談
- おすすめポイント：デザインに特化した制作者さんです！テンプレートを使わないので完全オリジナルのサイトができあがります。
有名企業も手がけるプロがサイトデザイン制作します デザインのみ欲しいという方へ★要望に沿って柔軟に対応可能
【20万円～】デザイン・機能性ともに充実させたい人向け
ここからは20万円以上のサービスをまとめました！
デザインやSEO対策、アフターサービスなど充実した内容を求めている人におすすめです。
わかりやすい・見やすいHPを作ります
- 金額：200,000 円
- お届け日数：20日（予定） / 約61日（実績）
- おすすめポイント：10ページまでは基本料金内で作っていただける、良心的な制作者さんです。
コミコミ価格で一からホームページ作成いたします パソコン操作が苦手な方でも維持管理ができるような動画解説付き
SEO対策済み！他社に負けない採用サイト制作
- 金額：250,000 円
- お届け日数：要相談 / 約23日（実績）
- おすすめポイント：Web制作部門で総合1位を獲得された安心感のある制作者さんです！
SEOに強い、【オリジナルWEBサイト】制作します 初心者でも安心！売れるデザインで、長く愛されるサイト作成
完全オリジナルのサイト制作！動きのある表示も可能
- 金額：230,000 円
- お届け日数：要相談 / 約71日（実績）
- おすすめポイント：SEO対策からレスポンシブ対応まで幅広く対応してくださる方です。
SEO対策済！高品質・高機能なサイトを制作します ブログ機能付きで完全オリジナルデザイン！他社に負けないHP
納品後のサポートも実施！SEOに強いサイト制作
- 金額：300,000 円
- お届け日数：要相談 / 約54日（実績）
- おすすめポイント：SEOのプロフェッショナルに、Google検索の対策を施したサイトを制作していただけます！
SEO歴15年のプロが監修！集客用HPを制作します ※完全放置でお客さんが集まるホームページが欲しいですか？
マーケターの視点でHP制作を支援します
- 金額：400,000 円
- お届け日数：要相談 / 約64日（実績）
- おすすめポイント：マーケティングとセールスを踏まえて効果的なサイトを制作してくださいます！
トップセールス&マーケターが戦略的HPを制作します 独自の戦略マップを進呈！激動の時代に勝ち残る為のサービス
採用サイトを制作して優秀な人材を呼び込もう！
今回は採用サイト制作の重要性や依頼の流れ、成功させるコツをお伝えしました。
採用サイトは、自社が求める人材を呼び込むために欠かせないツールです。
イメージ通りのものを作るために、実績が豊富なWeb制作のプロに依頼しましょう。
魅力的な採用サイトを作っていただき、優秀な人材を起用するきっかけにしてくださいね。
早速ですが、採用サイトはどのような役割を持っているのでしょうか？