求人検索から応募・CRM登録までをつなぐ、新規転職サービス構築

サービス構想を初めてWebサイトとして具体化する案件であり、参考サイトの見た目を再現するのではなく、誰がどのように求人を探し、何を確認して応募するのかを整理する必要がありました。求人一覧では条件検索と結果の見やすさ、詳細ページでは仕事内容や担当者情報の優先順位、応募と転職相談では入力項目と完了までの分かりやすさが求められました。

さらに、応募情報をZoho CRMへ安全に連携し、運営側の業務へつなぐことが重要でした。APIは認証手順が複数段階に分かれ、トークンの更新やサーバー環境の差異にも対応が必要です。Web制作に慣れていない担当者にも、画面の完成像、更新方法、確認ポイントを具体的に共有しながら進めること、求人に写真がない場合や検索結果が少ない場合にも画面が成立することが求められました。

競合サービスを調査し、求人検索で利用者が慣れている入力方法や結果表示を踏まえつつ、サービスの目的に必要な情報だけを整理しました。トップページの時点でinput、select、ボタン、カードを共通パーツとして作り、求人一覧、詳細、応募、相談へ同じ操作感で展開しています。結果件数が少ない場合や写真がない求人も想定し、情報量に左右されにくい表示ルールを設計しました。

システムはLaravelで構築し、求人データと応募導線、管理機能を分離。Zoho CRMとの連携では英語のAPI仕様を確認し、認証トークンを取得・更新する手順を管理画面上で確認できるようにしました。フォーム送信は、外部連携処理を整理して完了画面への遷移を早め、利用者を待たせにくい構成へ改善。デザイン、フロント、APIの差分を共有しやすいよう、画面と機能の対応関係を明確にして進行しました。

情報量の多い求人サイトとして、余白を広く取りすぎるのではなく、条件、求人の特徴、勤務地、担当者情報、応募ボタンを短い視線移動で確認できる密度を目指しました。転職サービスで一般的なUIを研究し、利用者が操作方法を学ばなくても検索できることを優先しながら、ブランドカラーと見出しでサービスらしさを加えています。

求人ごとに写真や文章量が異なるため、写真の有無で情報の優先順位が変わらないカードを設計しました。担当者メッセージが長くなる場合、検索結果が少ない場合、スライド件数が少ない場合など、実データで起こり得る状態も想定しています。入力フォームは、検索条件と応募情報で同じ部品を共有し、画面が変わっても操作感がぶれないようにしました。

Laravelでフロント、管理画面、APIの役割を分け、求人検索・詳細・応募・転職相談を一つのサービスとして構築しました。検索条件の処理と結果取得を調整し、条件を変更したときに待ち時間を感じにくい表示へ改善しています。フォームは共通テンプレートを活用しながら、入力チェック、確認、送信、完了までを実装し、外部連携の処理順を見直すことで完了画面への遷移を高速化しました。

Zoho CRM連携では、認証コード、アクセストークン、更新トークンを扱う手順を整理し、担当者が設定状況を確認できる管理画面を用意しました。APIの失敗時に画面全体が停止しないよう処理を分け、ログから原因を追える構成としています。Dockerを用いたローカル環境でPHP・MySQLの条件を揃え、サーバー環境の変更にも対応。フロント側の修正とAPI接続後の差分を分けて管理し、連携機能を保ったまま画面を改善できる実装にしました。