撮影からCMSまで一貫し、企業の仕事と人を立体的に伝えた採用サイト

企業の事業だけでなく、働く人の姿や仕事への思いを求職者へ具体的に届けることが求められました。そのため、既存原稿を並べるのではなく、採用ターゲットの設定から、取材・撮影で集める情報、社員エピソード、募集要項への導線まで設計する必要がありました。撮影素材はPCとスマートフォンの双方で使えること、アイコンやイラストは完成後の大幅な変更を避けること、複数部門による確認期間を工程に含めること、公開後も募集情報を更新できることが条件でした。

採用ターゲットと伝えるべき魅力を整理し、取材質問、撮影カット、各ページでの使用箇所を一つの制作計画へまとめました。撮影前にPCの横長構図とスマートフォンの縦長構図を同時に想定し、人物の位置、余白、トリミング範囲をカットごとに指定。アイコンやイラストはラフ案で方向性を合意してから仕上げる工程としました。前工程の遅れも含めて制作担当へ日程を確認し、社内・親会社の確認期間を確保。公開作業とWordPressの更新要件も早期にすり合わせています。

採用サイトとして人の表情を中心に据え、企業の先進性と社会的な事業意義をスタイリッシュに伝えるデザインを目指しました。撮影写真、配色、アイコンを共通ルールで整理し、社員エピソードや事業紹介など内容の異なるページにも一貫した印象を持たせています。PCとスマートフォンで同じ写真を無理に切り取らず、用途に応じた構図を撮影段階から設計。アイコンやイラストはラフ確認を挟み、制作意図を言葉でも共有することで、見た目と採用メッセージを結び付けました。

WordPressでは募集要項と社員エピソードを一覧・詳細で管理できるようにし、採用担当者が公開後も内容を更新できる構造を整えました。デザインルールを共通部品へ落とし込み、写真を生かした画面とスマートフォン表示を高い再現度で実装しています。非同期のページ遷移やアニメーションは、操作を分かりにくくせずサイトの印象を高める範囲で追加。公開後にはエントリーフォームの新規構築、バリデーション、メール設定、プラグイン更新にも対応し、採用活動の変化に合わせて運用を支えています。