A社様 (整骨院運営会社)
整骨院運営会社様のコーポレートサイト兼採用サイトのリニューアルを担当させていただきました。
クライアント様の課題
- 求人問い合わせを増やしたい
- お取引先様や求職者の方から信頼感を得られるサイトにしたい
ご支援内容
Webサイトリニューアル
進め方のながれ
| ペルソナ・カスタマージャーニー作成 | 求人問い合わせを増やす観点から、「求める人物像」の解像度を上げるためにペルソナの作成を行いました。修正・見直しを繰り返し認識合わせを行い、解像度の高いターゲット増を可視化いたしました。また、カスタマージャーニーを作成することでサイト内の導線設計の材料といたしました。 |
|---|---|
| 競合調査 | SEO観点、UI・UX観点、コンテンツ観点において優れている国内の同業他社のWebサイトをリストアップ。特に採用情報を強化するため、ペルソナが近いサイトのUI・UXを洗い出し、デザイン制作の判断材料といたしました。 |
| 課題抽出と改善提案 | 競合調査結果に加え、クライアント様のWebサイトの不全調査を行い、課題と改善をスプレッドシートに一覧化いたしました。 |
| サイトマップ作成 | 「現在のサイトマップ」と「リニューアル後の理想形のサイトマップ」を作成。設計の意図をご説明し、不要なページ、追加が必要なページを精査いたしました。 |
| 各ページ構成案・ワイヤーフレーム作成 | サイトマップ作成後、各ページに必要なコンテンツを精査。デザイン制作前にワイヤーフレームにて構成の詳細を決定し、制作作業の効率化と全体工期圧縮を実現いたしました。 |
| デザイン制作 | まずはデザインの方向性とトーン&マナーのすり合わせ。TOPページ2ndビューまでのデザインイメージを複数案作成し方向性を合意。合意後は優先度の高いページからデザイン制作を行い、数ページ単位で適宜デザインをご提出。クライアント様がデザイン確認を行っていただいている間に別ページのデザインを行うことで効率的な進行を行うことを心掛けております。 |
| WordPress構築・コーディング | デザインがfixしたページからコーディングを開始。機能面の開発は事前に仕様の確認を行っておくことで空いた時間に開発作業を実行いたしました。 |
| クライアント様フィードバック・修正ご指示 | デザイン工程・コーディング工程ともにフィードバックの内容や修正のご指示をスプレッドシートで一元管理。関係者間で共通認識を持つことに加え、ステータス管理や対応漏れ防止を実現いたしました。 |
| サイト公開 | サイト公開時はチェックリストをもとに確認作業を実施。GoogleタグマネージャーやGoogleアナリティクス設定、Googleサーチコンソール認証等も手順に従い遅滞なく実施いたしました。 |
ペルソナのイメージ

カスタマージャーニーのイメージ

サイトマップ・ワイヤーフレームのイメージ

進行管理用のスプレッドシートのイメージ

本プロジェクトでのポイント
SEO内部対策
| TDH最適化 | リニューアル前は対策が不十分であったTitleタグ、Descriptionタグ、h1タグを最適化いたしました。 |
|---|---|
| パンくずリストの設置 | 適切なパンくずリストを設置いたしました |
| canonical URLの設定 | 広告実施時等の評価分散を防止するため、適切なcanonical URLを設定いたしました。 |
採用ページの強化
| 採用ページのリッチ化 | 採用ページは「新卒採用」と「中途採用」それぞれのページを作成。社員インタビュー、家族インタビュー、社員座談会、よくあるご質問など、求職者の不安を解消するコンテンツを追加いたしました。 |
|---|
UI・UX改善
| ペルソナに合わせたUIの採用 | ペルソナに合わせたUIや適切な情報量を心掛け、情報のインプットがしやすい構成といたしました。 |
|---|---|
| エントリーフォーム最適化(EFO) | 入力項目の精査、住所自動入力、エラーメッセージ表示等、離脱を抑制する仕様といたしました。 |
協力パートナー
本プロジェクトはパートナー様のご担当案件において、Webディレクションの分野でご協力させていただきました。
プロジェクトオーナー兼担当エンジニア:仲川 健司さん
担当デザイナー:伊藤 文彦さん
Webディレクター:吉成 俊治
ご支援概要
| クライアント様名 | A社様 (整骨院運営会社) |
|---|---|
| URL | 非公開 |
| お客様の声 | – |
| ご支援内容 | Webサイトリニューアル |

