転職支援サービス / 面談予約機能・LP実装

案件概要

クラウドソーシングで対応した別案件をきっかけに、ポートフォリオ経由で直接ご相談いただいた案件です。

転職支援サービスのお問い合わせ後に、希望日時を選択して面談予約まで進められる機能を追加しました。
予約ページ・関連ページの実装に加え、既存フォーム送信後の導線も調整しています。

予約プラグインの選定・提案

ご相談時には別のフォーム系プラグインを使用する案もありましたが、日時選択を伴う予約機能として実現できる方法を調査しました。

その中でWordPress用予約プラグイン「Booking Package」を確認し、必要な予約機能を利用しながら、HTML・CSS・JavaScriptで画面を調整する方法を提案しました。

日付選択 → 時間選択 → 予約者情報入力という流れはプラグインの機能を利用し、サイトのデザインに合わせて表示を変更しています。

プラグインUIのカスタマイズ

Booking Package標準の画面をそのまま使用するのではなく、JavaScriptで表示要素を取得し、HTML構造やclassに合わせてCSSを追加することで、既存サイトに合わせたUIへ調整しました。

WordPress本体やプラグイン内部のPHPを直接変更しない条件だったため、管理画面から設定できる範囲とフロント側のJavaScript・CSSを組み合わせて対応しています。

予約日時の選択状態や入力フォームの表示など、画面が切り替わる各段階を確認しながら調整しました。

設定資料・引き継ぎ

納品時には、Booking Packageの設定方法や予約枠の変更方法などをまとめたNotion資料を作成しました。

管理担当者が後から設定を確認・変更できるよう、実際の管理画面の画像を添えて手順を整理しています。