スコープ

• ページデザイン
  デザインシステムに準拠した設計

• 新規コンポーネント追加
  既存のコンポーネントで賄えない場合に、新規で作成しデザインシステムに追加

• 情報設計・コピー整理
  情報圧縮・順序最適化

• UX／状態設計
  ユーザーが迷わず使用できる体験を設計

• 検証・リリース
  ステージング環境で挙動と状態を確認  → 本番スモークテスト

• 改善提案（既存）
  定量・定性の気づき→課題仮説→UI施策案の提案

• 企画提案（新規）
  価値仮説→ユーザーストーリー→MVP作成→提案

背景・課題

• 受注の9割が元請け経由の案件であり、直案件（新規）の獲得を強化したい。

• 人手不足のため、採用募集を強化したい。

アプローチ・施策

わかりやすい言葉で、業務内容を説明
競合調査をした際、他社の業務内容ページでは、「専門用語中心で初見の方には理解に時間がかかるのではないか」と感じました。そこで本サイトでは、初めての方でも読み進めやすく、問い合わせにつながる導線を意識した構成にしました。「素人でも理解できる」を基準に、専門性を崩さず親しみやすい表現にしています。

写真で伝える消防設備
点検や施工対象の消防設備ごとに「写真＋短い説明」を掲載。設備の役割や点検ポイントなどを示し、専門性の高い分野でも理解できるように設計しています。消防設備に対する理解を深め、安心して問い合わせに繋げる狙いです。

採用導線の常時露出
採用強化に向け、全ページ下部に共通の採用CTAを大きく設置。露出を高め、会社情報や業務内容を読み進めた流れのまま、自然に採用ページへ進める導線にしました。