株式会社日本プラント
コーディング外注対応／企業コーポレートサイト
プロジェクト概要
プロジェクト概要
株式会社日本プラント様のコーポレートサイトにおいて、株式会社オーエスプランニング様よりコーディング外注としてフロントエンド実装を担当。
本サイトは、配管工事・機械据付・鋼構造物・とび土工・定期修繕といったプラント工事領域を、事業内容ページで体系的に整理し、工事履歴ページで年次の実績を一覧化する構成となっている。
また、採用情報では「求める人物像」「社長メッセージ」および職種別の募集要項がまとまっており、問い合わせフォームは「お問い合わせ／採用について」の種別切替や必須項目を備え、導線として機能している。
実装面では、各コンテンツ（事業内容・工事履歴・採用・会社概要・問い合わせ）を一貫したUIで見せること、スマートフォン閲覧時にも読みやすいレイアウトを担保すること、更新頻度が想定される「お知らせ」「工事履歴」の視認性と可読性を落とさないことを重視。
外注コーディングとして、デザイン意図の再現性・保守性（スタイルの破綻が起きにくい実装）・公開後の運用を前提にした軽微な調整容易性を意識して対応した。
制作のポイント
-
情報設計の意図を崩さない実装
事業内容（配管・機械据付・鋼構造物・とび土工・定期修繕）のカテゴリ構造を、読み飛ばしても理解できる見出し階層と余白設計で成立させる。 -
実績ページの可読性を優先
工事履歴のようなテキスト量が多いページは、行間・段落・見出しの規則を揃え、閲覧者が「探せる」状態を維持。 -
問い合わせ導線の迷子防止
フォームは「お問い合わせ／採用について」の種別選択＋必須項目が明確。UI上も必須表示や入力ブロックの並びが破綻しないよう調整。 -
採用ページの“熱量”を落とさない
採用メッセージ〜人物像〜募集要項まで、長文でも読めるタイポグラフィとブロック設計にして、情報の散逸を防ぐ。
公開後の変化
事業内容の理解コストを低減
工事カテゴリが整理された見せ方により、初見ユーザーが対応領域を把握しやすい状態になった。
実績の提示力を強化
年次で工事履歴が一覧化されているため、信頼形成（実績の厚み提示）に寄与する導線になっている。
問い合わせ・採用の窓口を明確化
問い合わせ種別の切替、受付時間、必須項目が明記され、連絡の取りこぼしを抑える設計になっている。