企業・事業・採用情報を再編し、長期運用まで見据えたコーポレートサイトリニューアル

事業領域が広く、許認可や会社情報など正確性が求められる情報も多いため、利用者が必要な情報へ迷わず到達できる構成が求められました。また、企業の仕事や現場の実態が伝わること、採用候補者にも働く環境を具体的にイメージしてもらえることが重要でした。

一方で、社内でWeb更新を専門に行う担当者がいないため、お知らせを無理なく登録できる管理画面も必要でした。既存サーバーを継続利用しながら、古いPHP・MySQL環境を見直し、フォームやリダイレクトを含めて安全に公開できること、公開後の情報更新や環境変化にも対応できることまで含めた設計が求められました。

まず、事業案内、会社情報、サステナビリティ、採用、許可情報などの役割を整理し、ページ間で共通化できる構造と各情報の見つけやすさを両立させました。デザインルールセットを用意し、ページ数が多くても見出し、余白、写真、関連導線の品質がぶれないように設計しています。

2拠点の撮影では、設備だけでなく現場で働く人や実際の作業環境まで捉え、事業の信頼性と仕事の実感が伝わる素材を制作しました。WordPressには、専門知識がなくても投稿しやすいお知らせ機能を実装し、管理画面の項目やログイン画面も運用者目線で調整。お問い合わせは入力確認、管理者通知、自動返信、完了画面まで検証しました。公開時には、旧環境のバックアップ、メンテナンス表示、PHP切替、ファイル配置、リダイレクト、OGP、フォーム送信を工程化し、既存サーバー上で安全に移行しました。

撮影で得た現場の空気感と、企業としての堅実さを同時に伝えることを軸にしました。事業内容や許認可情報は情報量が多いため、装飾を増やすのではなく、写真、見出し、図版、余白の役割を明確にし、各ページを読み進めやすいリズムに整えています。

トップページだけを印象的にするのではなく、事業案内、サステナビリティ、採用など、閲覧目的の異なる下層ページにも共通の判断基準を持たせました。実際の現場を撮影した写真とイラストを使い分け、専門性の高い内容を身近に感じられる表現へ変換。関係者との確認を重ねながら、企業の強みや大切にしている考えが画面全体から一貫して伝わるよう調整しました。

約30ページを安定して展開できるよう、デザインルールに沿った共通パーツを先に整理し、ページごとの差分を吸収しやすい構成で実装しました。WordPressのお知らせ機能は、投稿時の迷いを減らすため入力項目や並び順まで調整し、アイキャッチ画像を含めて社内で更新できるようにしています。フォームは入力チェック、管理者宛メール、自動返信、完了画面、プライバシーポリシーへの導線まで一連で確認しました。

公開では、既存サーバーの仕様を事前に調査し、開発環境と本番環境の差分を確認したうえで、バックアップからメンテナンス表示、PHP切替、公開ファイル配置、リダイレクト、OGP、送信試験まで順序立てて実施しました。その後も採用情報や許可情報の更新に加え、PHP 8.3、MySQL 8.4、WordPress本体・プラグインの互換性確認や脆弱性対応を継続。公開後の環境変化を前提に、検証環境で安全性を確認してから本番へ反映できる運用を支えています。