CASE STUDY
目的から設計した、成果の出るHPを作りたい
任せる
B2B・B2C（中小企業全般）｜経営者・採用担当・営業責任者｜集客・採用・ブランディング、目的に合ったHPをゼロから作りたい
プロジェクト期間：2〜3ヶ月（要件定義〜公開まで）
「とりあえずHPを作る」では、成果は出ません。集客・採用・販売・ブランディング——目的から逆算して設計するHPが、問い合わせと人材と売上を変えます。
よくあるご相談（想定例）
このケースの結論
よくある現状
- 制作会社に任せたが、欲しいものと違うものができあがった
- 問い合わせも採用応募もHPからはほぼ来ていない
- 何をどこに載せればいいかわからず、情報が羅列されているだけ
- スマホで見たときの表示や操作性が悪い
定着を阻む3つのボトルネック
Makutaneの解決方針
2. 目的から逆算してページ構成・訴求・CTAを設計する
3. デザイン・実装・計測設定まで一気通貫で対応する
成果物
1. 要件定義シート
目的：作る前に「何のためのHPか」を全員が同じ認識で持てるようにする
内容：目的・ターゲット・競合比較・訴求軸の言語化／必要ページのリストアップ／参考サイトの収集と方向性合意
2. サイト構成設計書
目的：目的から逆算したページ構成とCTAの流れを設計する
内容：ページ構成図（サイトマップ）／各ページの役割定義／導線設計（入口→行動までの流れ）／CTA配置の方針
3. コンテンツ設計テンプレ
目的：各ページに何を・どんな言葉で・どんな順番で載せるかを決める
内容：ファーストビューのコピー案／サービス・実績・会社情報の構成テンプレ／目的別の訴求文言（集客・採用・ブランディング）
4. デザイン・実装
目的：設計をもとにスマホ対応・表示速度・操作性まで含めて制作する
内容：ワイヤーフレーム（ページの骨格）／デザインカンプ（見た目の設計図）／コーディング・CMS実装／スマホ表示・速度チェック
5. 計測設定
目的：公開後に何が成果につながっているかを数字で追えるようにする
内容：Googleアナリティクス4設定／コンバージョン計測（問い合わせ・応募・購入）／流入経路の計測設定
6. 運用マニュアル
目的：公開後に自社で更新・改善できる状態を作る
内容：更新手順書／よくある修正パターン集／月次チェックリスト／改善サイクルの回し方
導入ステップ
Week 1〜2：要件定義・設計
目的・ターゲット・構成を決定。コンテンツの言語化とページ設計を完成させます。
Week 3〜4：デザイン
ワイヤーフレームからデザインカンプを作成。方向性を確認しながら進めます。
Week 5〜8：実装・テスト
コーディング・CMS実装・計測設定・スマホ表示チェックを行い、公開準備を整えます。
公開後：運用サポート
計測データをもとに改善点を特定。自社で運用できる体制を整えます。