{{案件名}} — ワイヤーフレーム設計書

ステータス: {{現在のフェーズ}} ／ 最終更新: {{YYYY-MM-DD}} 出典統合: 📘 業務理解.md ／ 📗 提案資料 ／ 📕 議事録 ／ 📙 競合ベンチマーク ／ 📒 ヒアリングシート

§0 設計の前提・進め方

• このファイルは WF設計の一次情報集約点。WFを描く前に・描きながら追記していく
• 各ページの コンテンツ案 → ディレクター/植木確認 → ワイヤー作成（HTML or Figma） の順で進める
• WFはモノクロ・装飾なしで先行、トンマナ確定後にデザイン適用
• 標準は PC基準（1280px幅想定）。SP対応が必要な案件のみ別途SP版WFを並行作成

---

§1 案件サマリ

参照: 業務理解.md

---

§2 目的

{{1〜2行のメインメッセージ}}

• {{箇条書きで補足。なぜ作るのか・何を達成したいか}}
• {{ビジネスゴール、ブランドゴール、ユーザー価値}}
• {{toB/toC、新規/リニューアルの位置付け}}

参照: 提案資料

---

§3 KPI

事業ゴール

• {{年商 / リード数 / 単月黒字化 等の数値ゴール}}

サイトKPI

• {{CV率、CV数、PV、UU、滞在時間、直帰率、流入経路 等}}

月次目標の逆算（参考）

{{逆算式・前提を箇条書きで}}

WFへの示唆

• {{KPI達成のためにWFで強化すべき要素を箇条書き}}
• {{例: CTA配置強化、信頼指標FV配置、回遊導線、LINE登録CTA、資料DL誘導 等}}

---

§4 ターゲット

主ターゲット

• 属性: {{年代 / 性別 / 職種 / 業界 / 役職 / 地域}}
• ニーズ: {{何を求めて来るか}}
• 不安・障壁: {{何が決断を妨げるか}}

サブターゲット

• {{2〜3パターンを簡潔に}}

ペルソナ

やりすぎ注意。BtoBは「業界 × 役職 × 抱えてる課題」レベルでOK。 詳細ペルソナはターゲット軸が見えにくい時のみ。

---

§5 競合

直接競合

間接参考（業界外含む）

• {{良いサイトを業界横断で}}

差別化ポイント

• {{自社が立てるべき独自ポジション}}

---

§6 描きたい世界観

• キーワード: {{3〜5個}}
• トーン: {{カジュアル / 知的 / 上品 / モダン / 温かい 等}}
• 主役色イメージ: {{未確定でOK。トンマナ提案フェーズで詰める}}
• 写真トーン: {{人物中心 / モノ中心 / 風景 / イラスト併用 等}}

詳細は別途 design/トンマナ.md で進行。WF段階では世界観の方向性メモにとどめる。

---

§7 カスタマージャーニー

---

§8 ユーザー導線

{{流入} → {ページ1} → {ページ2} → {CV}
              ↓
          {離脱受け皿}

• 主導線: {{箇条書き}}
• サブ導線: {{箇条書き}}
• 離脱対策: {{資料DL / メルマガ / LINE登録 等}}

---

§9 サイトマップ

HOME
├ {{大カテゴリ1}}
│   ├ {{詳細ページ}}
│   └ {{詳細ページ}}
├ {{大カテゴリ2}}
└ {{お問い合わせ}}

ページ総数: {{N}}ページ

---

§10 各ページの役割・コンテンツ案

01-TOP

• 目的: {{ユーザーに何を理解させ、どこへ送るか}}
• 想定流入: {{ブランド検索 / 広告 / SNS / 紹介}}
• 離脱受け皿: {{資料DL / メルマガ / LINE 等}}

セクション構成（上から順）

1. FV: {{メインコピー + ビジュアル + 主要CTA}}
2. {{セクション2}}: {{内容}}
3. {{セクション3}}: {{内容}} ...

コピー候補

• メインコピー: 「{{案 verbatim}}」
• サブコピー: 「{{案 verbatim}}」
• CTA: 「{{無料相談する / 資料ダウンロード 等}}」

02-{{次のページ}}

（同じ構造で各ページ展開）

---

§11 機能要件

共通機能

• {{グロナビ / フッター / パンくず / 検索 / お問い合わせフォーム 等}}

個別機能

• {{資料DL / 会員登録 / マイページ / 予約 / 決済 等}}

外部連携

• {{Google Analytics / SFA / MA / SNS / 等}}

非機能要件

• {{パフォーマンス / SEO / 多言語 / アクセシビリティ}}

---

§12 コンテンツトンマナ

文体

• 語り手: {{企業 / ブランド / 編集部 / 一人称 等}}
• 敬語レベル: {{丁寧語 / です・ます / だ・である / カジュアル}}
• 語尾: {{断定 / 提案 / 問いかけ 混在}}

NGワード

• {{曖昧抽象語: ソリューション / 価値提案 / 等は避ける}}

書き方ルール

• 見出しは20字程度、多くても40字未満
• 「なぜ得するのか」「どう得するのか」のユーザーメリット視点
• 専門用語は補足必須

---

§13 デザイントンマナ（WF段階の方向性）

確定はトンマナ提案フェーズ（design-tone skill）にて。WF段階は方向性メモのみ。

• キーワード: {{§6から流用}}
• 想定主役色: {{未確定 / 仮置き}}
• 想定フォント: {{ゴシック系 / 明朝系 / セリフ併用}}
• 写真の方向性: {{人物 / 商材 / 風景 / イラスト}}
• アニメーション: {{抑制 / 標準 / 強め}}

---

§A 既存資産との関係

• 既存サイト: {{ある場合は移行/リダイレクト方針}}
• 既存コンテンツ流用: {{再利用するもの}}
• 廃止コンテンツ: {{今回の機会に消すもの}}

---

§B ナレッジ化候補（案件完了後に knowledge/ へ抽出）

• {{今回の案件で得た再利用可能な知見メモ}}

---

§C 残課題・確認事項

• {{未確定事項}}
• {{クライアントヒアリング待ち}}

---

§D ステータス更新履歴