課題
- 採用サイトの更新頻度が高いページにおいて、軽微な修正のたびにエンジニアやデザイナーへ作業依頼が必要となり、反映までのリードタイムや工数負荷が発生していた
- 既存の WordPress 環境を維持しつつ、特定の動的コンテンツのみを効率的に管理・運用できる柔軟なシステムの導入が必要とされていた
- 非エンジニアである採用担当者が操作する際、CMS の標準機能や入力項目が多すぎると、操作の習得に時間を要し、運用の属人化を招く懸念があった
対応と結果
- ヘッドレス CMS「Kuroco」を導入し、非エンジニアでも操作できる管理画面を構築。
- 採用チームだけで更新が完結できる環境を実現し、デザインチームへの依頼工数を約20%削減。更新作業にかかっていた月次工数がゼロになり、迅速な対応が可能に。
- ヘッドレス CMS「Kuroco」の管理画面のカスタム CSS 調整により、不要な項目の非表示化や視認性の向上を徹底。専門知識がなくても迷わず操作できるユーザーインターフェースを構築。
- 既存の WordPress 環境とのハイブリッド構成を採用。SEO への影響を考慮し、メタ情報などは静的に設計することで、検索エンジン最適化と現場での運用のしやすさを両立。
アイレット株式会社は、自社の採用サイトにおける運用効率の向上と、更新作業のリードタイム短縮を目的としたシステム刷新を実施。ヘッドレス CMS「Kuroco」の導入と、利用ユーザーの利便性を最大化するための管理画面カスタマイズ、および既存環境との整合性を保つアーキテクチャ設計を実現しました。
運用の属人化を解消し、誰もが迷わず更新できる体制へ。専門知識に依存しない CMS 基盤を構築
アイレット株式会社(以下、アイレット)は、自社採用サイトにおける中途採用イベント「うぇぶはち会」「うぇぶはち会 light」などのイベント告知ページや募集職種・エントリーページなど、更新頻度の高いページ群において、従来は HTML を直接編集して更新を行なっていました。この運用では、採用チームが更新のたびにデザインチームに作業を依頼する必要があり、対応に時間を要していました。この課題に対し、ヘッドレス CMS「Kuroco」を活用した対象ページの CMS 化に着手。採用グループの非エンジニアメンバーが管理画面から直接コンテンツを更新・管理できる仕組みの構築に取り組みました。
カスタム CSS による管理画面の最適化で、非エンジニアでも迷わず更新できる Kuroco 環境を構築
今回のプロジェクトにおいて、 技術的なソリューションとして用いているのは国産のヘッドレス CMS である「Kuroco」です。一般的な CMS は「記事を書く機能」と「ウェブサイトを表示する機能」がセットになっていますが、ヘッドレス CMS の場合は「記事を管理する機能」に特化しています。また、コンテンツ(記事データ)と HTML(デザイン)をデータベース上で独立して管理するヘッドレス CMS の構造が、将来のフルリニューアル時にもコンテンツを継続利用できる柔軟性をもたらす点に加え、国産 CMS であるメリットとして一定のサポート体制と安全性が担保されている点が「Kuroco」導入の理由となっています。
この仕組みにより、既存の WordPress サイトのデザインを維持しつつ、説明会情報などの特定の動的コンテンツのみを Kuroco の管理画面に接続する『ハイブリッド構成』を実現しました。
管理画面には独自のカスタマイズを加え、採用グループが日常的に使う操作に限定した表示に整理。具体的には、GitHub Actions 連携などの不要な詳細設定を非表示化し、コンテンツの表示・非表示状態をひと目で識別できるよう管理画面にカスタム CSS を適用しました。募集職種の追加・削除、掲載順の変更、イベント日程の更新といった定型作業が、HTML の知識がないメンバーでも完結できるようになっています。これにより、マニュアルを読み込まずとも画面を見れば直感的に更新作業が行なえる UI/UX を実現しています。
コンテンツの表示・非表示状態をひと目で識別できるように視認性の向上を徹底
カスタム CSS を適用し、特定の動的コンテンツのみを管理画面に接続できるような仕様に
運用開始後は、これまでデザインチームに依頼していた更新依頼全体の約20%にあたる工数が削減されています。他チームへの依頼や承認待ちの時間を排除できたことで、突発的な採用イベントの追加や募集要項の変更にも即座に対応できる「運用の内製化」を実現しています。
既存サイトの一部ページから段階的に CMS 化するスモールスタートのアプローチにも対応しており、お客様の予算やスケジュールに合わせた柔軟な支援が可能です。CMS 導入やサイト運用の改善を検討されている方は、ぜひご相談ください。
(使用プロダクト)
- ・CMS
- Kuroco
- ・AWS
- ・開発・運用ツール
- GitHub Actions
- WordPress
Credit
クライアントアイレット株式会社