瀧上精工株式会社様 コーポレートサイト開発｜コーディング、Web開発の外注、代行ならコーディングアライブ

1. プロジェクトの背景と課題

ご相談をいただいた当初、既存のWebサイトには以下のような課題がありました。

• デザイン・技術の老朽化
  数年前に構築された状態のままアップデートが止まっており、スマートフォンの最適化（レスポンシブ対応）やモダンなWeb標準への追従が遅れていました。

• CMS未導入による運用の硬直化
  お知らせや採用情報の更新を行う際にもソースコードを直接書き換える必要があり、現場の担当者がタイムリーに情報を発信できない状態でした。

• 採用ブランディングの不足
  製造業・精密加工業としての高い技術力や、現場の「人」の魅力が求職者に伝わりきっておらず、Webサイト経由の採用エントリーを強化したいという強いご要望がありました。

2. 課題に対するアプローチ（実施内容）

これらの課題を解決するため、デザイン・撮影といったクリエイティブ領域から、WordPressの組み込み、SEO・構造化データといったテクニカル領域まで包括的なアプローチを行いました。

① ブランドの魅力を視覚的に伝える「リッチな表現」

ものづくりの精密さや躍動感を直感的に伝えるため、Webサイト全体のビジュアル表現を刷新しました。

• 写真・動画撮影のディレクション
  工場内の設備や、実際に働く社員の皆様の表情を捉えるための写真・動画撮影を企画・実施。ファーストビューで一目で引き込まれる映像を配置しました。

• モダンなアニメーションの実装
  ユーザーのスクロールに応じた滑らかなインタラクションやアニメーションを実装し、ただ情報を見るだけでなく、「体験」として記憶に残るWebサイトを目指しました。

② 求職者の心を動かす「採用ページの強化」

コーポレートサイト内に、独立した特設ページのような熱量を持つ「採用セクション」を構築しました。 働く環境、キャリアパス、社員インタビューなど、求職者が本当に知りたい情報をリッチなレイアウトで展開。写真と動画をふんだんに使い、入社後のイメージを具体的に持てるように工夫しています。

③ WordPress導入による「採用情報管理」の内製化

これまですべて手動で行っていた更新作業を、知識がなくても簡単に行えるよう、CMS（WordPress）を導入しました。

• 募集要項のカスタム投稿タイプ化
  職種ごとの募集要項を、フォームに入力するだけで簡単に追加・編集・削除できるようにカスタムフィールドを設計。

• 運用の属人化を防ぐ設計
  管理画面を徹底的にシンプルにカスタマイズし、現場の担当者様が直感的に運用できる仕様に仕上げました。

④ 「Google お仕事検索（Google for Jobs）」へのテクニカル対応

採用効率を最大化するため、WordPressで登録された求人情報が自動的に「Google お仕事検索」にインデックスされる仕組み（求人情報の構造化データ：JobPosting JSON-LD）を開発しました。

• 自動生成ロジックの開発
  管理画面から求人情報を登録すると、必要なスキーママークアップが正確にHTMLのヘッダーへ出力されるようテンプレートを実装。

• 検索エンジン経由で、瀧上精工様のWebサイトを見つけていなかった潜在的な求職者層へも直接アプローチできる動線を作りました。

3. 開発目線でのこだわり・技術的トピック

今回の開発において、エンジニア視点で特に注力したポイントです。

• パフォーマンスとリッチ表現の両立
  動画や多くの高解像度写真を配置しつつも、ページの読み込み速度（Core Web Vitals）を落とさないよう、動画の圧縮、画像の次世代フォーマット（WebP）対応、Lazy Loading（遅延読み込み）を徹底しました。

• 堅牢で安全なWordPress構築
  コーポレートサイトとしてのセキュリティを担保するため、プラグインの依存を最小限に抑え、必要な機能は自社でスクラッチ開発。バージョンアップによる表示崩れのリスクを低減しています。

4. リニューアルを終えて

今回のリニューアルにより、瀧上精工様の「技術力」と「働く人の魅力」が余すことなく伝わるモダンなWebサイトへと生まれ変わりました。

特に、WordPressの導入とGoogleお仕事検索への対応をセットで行ったことで、「自社で求人情報を出せば、自動的にGoogleの求人検索にも掲載され、求職者にダイレクトに届く」という、攻めの採用基盤を構築できたことは、今後の採用活動において大きな強みになると確信しています。