撮影日から逆算し、構成・取材・デザインを一体で進めた採用ページ制作

新卒・中途それぞれの応募者に、仕事の内容だけでなく、会社の雰囲気や働く人の姿を具体的に伝える採用ページが求められました。既存の企業サイト内に追加するため、企業ブランドや既存ナビゲーションとの整合性を保ちつつ、採用情報として独立した読みやすさを持たせる必要がありました。

撮影日が先に確定していた一方、ページ構成や必要な写真の詳細は制作開始後に整理する状況でした。限られた撮影時間で、メインビジュアル、仕事風景、人物、インタビューなどに利用できる素材を漏れなく揃え、デザインと実装で無理のないカットにすることが重要です。公開期限から逆算し、顧客の休日や確認期間、デザイン修正、コーディングを同時に管理する必要もありました。

撮影前に採用ページの全体構成を整理し、トップページのラフと、掲載箇所ごとの撮影カット案を作成しました。完成形に近いイメージを用意したことで、撮影当日はカメラマン、顧客、デザイナーが同じ目的を共有し、短時間でも必要な人物・構図・余白を判断できるようにしています。インタビュー内容と写真の役割も合わせて整理し、同じ素材を無理に使い回さず、各ページの伝えたい内容に適した配置を行いました。

デザイン中には、実装難易度の高い表現や動きについてデザイナーとコーダーが事前に確認し、実現方法と制作時間を踏まえて提案内容を調整しました。撮影、原稿、デザイン、実装の進捗を個別に管理しながら、次工程へ渡す情報を明確化。公開後の募集職種追加や中途ページ改修にも対応できるよう、採用トップ、新卒、中途の共通部品を整理しています。

採用候補者が働く姿を想像できるよう、実際の社員と職場を撮影した写真を中心にデザインしました。撮影前には、メインビジュアル、インタビュー、仕事紹介で必要となる構図と余白をラフ上で確認し、文字を載せる場所やレスポンシブ時のトリミングまで考慮したカット案を準備しています。

撮影当日はデザイナーも同席し、カメラマンと直接コミュニケーションを取りながら、ページの目的に合う表情やアングルを確認しました。既存の企業サイトとの統一感を守りながら、採用ページでは人物の温度感と前向きな動きを加えています。限られた制作期間でも、写真、コピー、レイアウト、アニメーションが同じ方向を向くよう、途中段階から実装担当と相談して仕上げました。

採用トップ、新卒、中途の各ページに共通するナビゲーション、見出し、人物紹介、ボタンを部品化し、短期間でも品質を揃えて実装しました。デザイン着手中から動きやレスポンシブ表示を確認し、写真のトリミング、文字量、画面幅の変化を踏まえて、実現可能な表現を提案しています。

静止画だけでは伝わりにくい箇所には、内容を読み取ったうえで過度にならないアニメーションを加え、ページ全体の動きに統一感を持たせました。既存サイト内への追加であるため、現在のヘッダー・フッターやCSSへの影響を抑え、採用ページ固有の構造を切り分けています。公開後に中途採用ページや募集職種が追加された際も、既存部品を再利用して改修できる構成としました。