既存サイトの影響範囲を整理し、採用・法人向けページを追加

新規ページだけを整えるのではなく、既存サイトのトップやナビゲーションから自然に誘導し、採用希望者と法人担当者の双方へ必要な情報を届けることが求められました。元データが残っていない既存デザインを踏襲しながら、写真、求人一覧、社員の声、人材の特徴、問い合わせ項目などを追加する必要があります。また、電話で決まる内容や更新中の原稿が多く、修正事項と最新版を確実に共有すること、公開後の表示速度を含む要件を着手前に確認することが重要でした。

最初に追加ページから影響する既存箇所を洗い出し、トップ導線、ページタイトル、ナビゲーション、メインビジュアル、タグ、問い合わせ項目を一覧化しました。口頭で決まった内容は課題へ記録し、構成・原稿・写真の最新版と確認者を明示。URL構造やWordPressへの組み込み方法はコーディング前に検討し、固定ページで必要な動的処理はショートコードとして整理しました。デザイン確認と技術確認を並行し、共通部品を増やすことで短納期でも手戻りを抑え、既存ページへの影響を確認してから公開しています。

既存サイトの色、書体、写真の見せ方を調査し、追加ページだけが別のサイトに見えないようトーンをそろえました。そのうえで、採用希望者向けには仕事内容や働く人の声が伝わる流れ、法人担当者向けには人材の特徴と依頼のメリットを比較しやすい流れを設計しています。二つのページで共通する見出しやカードをまとめ、実装と修正を進めやすいデザインにしました。画像の候補と使用意図も共有し、既存素材が限られる状況でも、対象者とサービス内容を具体的に想像できるビジュアルへ整えています。

既存WordPressのテーマ構造とトップページの出力を確認し、新しいページ、ナビゲーション、導線を既存機能へ影響させず追加しました。共通する下層部品を再利用し、求人一覧や問い合わせ導線など更新が必要な箇所は管理方法をそろえています。固定ページ内で動的な処理が必要な部分はショートコード化し、編集画面へ直接PHPを書かない構成にしました。URL構造を先に確定し、テスト環境で既存ページを含めて表示を確認。画像圧縮や読み込み順も調整し、短期間の追加制作でも保守しやすい実装にしています。