採用サイト_デザイン構成提案.pdf

Transcript

1. RE CRU IT S I TE D E S IG N PR OP O S A L 採用サイト デザイン・構成提案 「会社を知る」から、 「自分の未来が見える」採用体験へ 新卒採用 中途採用
2. 0 1 C ON T EX T 現状の強みを残し、役割を変える 現行ページは企業理解に強い。新サイトでは、職種理解と入社後の解像度を高める。 現行ページの強み 補強すべき情報 新サイトの役割 社長メッセージ 社内カルチャー 働く人の声 働く環境 データで見るプレスク 具体的な業務 入社後の1日 成長ロードマップ 複線型キャリア 研修の実態 「自分にもできそう」 「経験を活かせそう」 「この先も成長できそう」 を、画面上で実感させる。 差別化の軸 PR ESQ R ECR UIT S ITE 雰囲気の紹介 → 仕事と成長のストーリー 採用 サイト デザ イン・ 構成提 案 2
3. 0 2 C ON C E P T 推奨コンセプト 案①を主軸に、案②の安心材料を後半へ統合するハイブリッド設計。 新卒への約束 未来から逆算して、 働くリアルを見せる。 未経験から何を学び、どこまで成長できるか。 中途への約束 前職の経験が、どの業務・役割で活きるか。 仕事内容 → 成長 → 人 → 制度 → 応募 求職者の疑問に沿って、迷わず理解を深められる順番にする。 共通の安心 人・制度・働き方のリアルを誠実に伝える。 PR ESQ R ECR UIT S ITE 採用 サイト デザ イン・ 構成提 案 3
4. 0 3 I N F O R M A T I O N A R C H I T EC T U R E 推奨サイト構成 9ページ 閲覧順は「知る → 想像する → 納得する → 行動する」。 01 TOP 02 未来が見える入口 04 先輩社員の1日 社員の本音 入社前後のギャップ PR ESQ R ECR UIT S ITE 03 業務・案件・技術 05 若手・ベテラン 07 できる仕事 キャリアパス 入社後1年 06 福利厚生・イベント 安心材料 研修・学習制度 OJT / Off-JT 複線型の成長 08 成長ロードマップ 09 求人情報 職種別CTA 採用 サイト デザ イン・ 構成提 案 4
5. 0 4 C OR E P A G E 「できる仕事」は職種理解のハブにする 中途応募者が経験との接点を判断でき、新卒応募者にも仕事の全体像が伝わる設計。 1 2 3 4 5 仕事内容 何をつくる／支えるか 担当業務 設計・開発・テスト・運用など 案件例 顧客課題・チーム・期間のイメージ 身につく力 技術力・顧客理解・折衝力 次のキャリア リーダー／専門職／マネジメント 各職種ページ末尾に「この仕事の求人を見る」を固定配置 PR ESQ R ECR UIT S ITE 採用 サイト デザ イン・ 構成提 案 5
6. 05 GRO WT H E X P E RIE NCE 入社後1年の成長ロードマップ 「いつ、誰から、何を学び、何を任されるか」を時系列で見せる。 入社 基礎研修 OJT 挑戦 自走 環境理解 技術・業務 先輩と実務 小さな担当 振り返り 1 2 3 4 5 新卒向け表示 中途向け表示 リアリティの追加 基礎研修 → OJT → 開発補助 → 小規模タスク → 独 り立ち 経験棚卸し → 案件参画 → 顧客接点 → 役割拡張 → 次の専門性 担当者コメント、つまずき、支援内容、評価の タイミングを掲載 研修を「制度名」で終わらせず、成長の場面として可視化する PR ESQ R ECR UIT S ITE 採用 サイト デザ イン・ 構成提 案 6
7. 0 6 S TO R I E S 若手とベテランを「比較して読める」構成 単なる時刻表ではなく、仕事の責任・成長・やりがいまで見せる。 若手社員 学ぶ・質問する 手を動かす 小さな成功を積む 次に挑戦したいこと 読み終えた後に キャリアパスへ誘導 PR ESQ R ECR UIT S ITE ベテラン社員 判断する 顧客と合意する メンバーを支える 組織に還元する 読み終えた後に キャリアパスへ誘導 採用 サイト デザ イン・ 構成提 案 7
8. 0 7 C A R E E R P A TH キャリアは「一本道」にしない 経験者にも若手にも、複数の活躍ルートを提示する。 技術スペシャリスト 深める技術／資格／案件例 上級SE → アーキテクト 共通基盤 PG / SE プロジェクトリーダー 任される範囲／顧客接点／チーム規模 サブリーダー → PM 組織マネジメント 育成／評価／組織づくり リーダー → 管理職 社員事例を各ルートに紐づけ、現実のキャリアとして見せる PR ESQ R ECR UIT S ITE 採用 サイト デザ イン・ 構成提 案 8
9. 0 8 TR U S T 本音と制度を、応募前の不安解消に使う よい面だけでなく、ギャップや大変さも具体的に伝える。 Q1 入社の決め手は？ Q2 入社前後のギャップは？ Q3 仕事で大変なことは？ Q4 相談しやすいのはなぜ？ 福利厚生 制度名 利用する場面 社員コメント 関連する働き方 社内イベント Q5 どんな人が活躍しやすい？ 写真だけでなく、目的と参加ス タイルを短く説明。 本音 → 制度 → 募集要項 の順で、不安を応募判断へ変える PR ESQ R ECR UIT S ITE 採用 サイト デザ イン・ 構成提 案 9
10. 0 9 V I S U A L D I R E C T I ON デザイン方針と参考URL 「ITらしい先進性」と「人が見える安心感」を両立する。 参考デザイン・ギャラリー Canva ↗ SANKOU! 採用サイト ↗ MUUUUU.ORG 採用サイト ↗ RECRUITSITE DESIGN ↗ Web Design Garden ↗ 30 採用サイト 選 事例 ↗ Canva 信頼 先進性 成長 挑戦 余白 SANKOU! 採用サイト UIの原則 MUUUUU.ORG 採用サイト • 大きな社員写真と短いコピー • 1画面1メッセージ • 新卒／中途の導線を早い段階で分岐 • CTAを上部・中部・末尾に配置 • スマホで読みやすいカード設計 RECRUITSITE DESIGN Web Design Garden 採用サイト事例30選 次工程：ワイヤーフレーム → 撮影設計 → コピー制作 PR ESQ R ECR UIT S ITE 採用 サイト デザ イン・ 構成提 案 10