| 項目 | 内容 |
|---|---|
| 対象 | ninsho-partner.com トップページ1ページの改修（デザイン刷新＋構成再編）。共通ヘッダー・フッターの調整を含む場合は事前協議 |
| 対象外 | 下層ページのデザイン変更／ドメイン統合（別プロジェクトとして8〜9月に設計）／記事コンテンツの制作 |
| 制作会社の担当 | ワイヤーフレーム作図・デザイン・WordPressテーマ実装・ステージング構築 |
| 弊社（ディレクション側）の担当 | 本要件定義・ワイヤーのSEOレビュー・構造化データ（FAQPage等）のプラグイン設定・公開後のSearch Console監視 |
| 本書の構成 | 1章 目的とKPI → 2章 現状課題 → 3章 改善方針 → 4章 ページ構成要件（ワイヤーレベル） → 5章 デザイン仕様 → 6章 技術・SEO必須条件 → 7章 進め方 → 8章 要確認事項 |
| 指標 | 目標 | 測定方法 |
|---|---|---|
| TOP着地セッションのCV率 | 現状値から向上（劣化NG） | GA4: LP=/ セグメントのCVイベント率 |
| TOP→規格別ページへの回遊率 | 向上 | GA4 経路データ探索（始点=/） |
| 主要KWの検索順位 | 公開後4週間で下落なし | Search Console＋順位計測（弊社側で監視） |
| LCP（最大コンテンツの表示時間） | 2.5秒以内 | PageSpeed Insights・CrUX |
| 現在のブロック（上から順） | 課題 |
|---|---|
| ① 選ばれる理由（業界シェアNO.1） | 実績数字の見せ方が弱く、スクロールしないと根拠が見えない |
| ② サービスのご案内 | 規格別（ISO9001/14001/ISMS/Pマーク）の入口が明確に分かれておらず、1〜3位KW 922語で入ってきた検討層を規格ページへ流せていない |
| ③ サービス紹介資料 | 主力CV（資料DL 年668件）だが導線が1画面に収まっていない |
| ④ 作業工数ゼロ訴求 ／ ⑤ お客様の声 ／ ⑥ 認証率100%×180時間カット | 同じ「実績・信頼」の訴求が3ブロックに分散し、ページが冗長。1つの流れに統合したい |
| ⑦ お知らせ ／ ⑧ セミナー開催情報 | 配置は下部で妥当。セミナー申込（年544件）のボタンが目立たない |
| （不在）FAQ | AI検索（AI Overview等）に最も引用されやすい形式が未設置 |
流入の69%が検索経由の主力サイトのため、URL・H1文言・既存テキスト資産を維持したまま「配置と見せ方」を刷新する。削るのではなく束ねる。
4種のCV出口（相談・資料・プレゼント・セミナー）を温度感順に配置し、ファーストビュー・中間・末尾の3箇所で行動機会を作る。
「自分の規格（ISO9001／ISO14001／ISMS／Pマーク）に1クリックで入れる」カード型導線をページ上部に置き、TOPを回遊のハブにする。
| 項目 | 要件 |
|---|---|
| トーン&マナー | 「堅い認証業界を、赤×丸ゴシックで親しみやすく」。白ベース＋メイン赤＋蛍光マーカー黄。刷新は歓迎だが次の4点は継承: ①赤（#CA2922）基調のブランド認知 ②赤/紺のCTA色役割 ③実績数字を大きく見せる文化 ④認証マーク（Pマーク・SECURITY ACTION等）の表示継続 |
| カラー | メイン赤 #CA2922／アクセント金 #F8B500／紺 #004890（予約・相談CTA）／マーカー黄 #FDE799／クリーム #FFFAED。色は必ずCSS変数（var(--main-color)等）を参照（SP/PCで値が変わる変数があるため直書き禁止） |
| CTA色の役割 | 赤＝問い合わせ・見積／紺＝予約・相談の2色運用を崩さない。ボタンはpill型（border-radius 50px） |
| フォント | 本文=新丸ゴ・見出し=じゅん501（モリサワWebフォント・テーマ側設定済み）。サイズは既存の --font-01〜35（vw連動スケール）を使用しpx直書きしない |
| マーカー強調 | strong=下半分黄マーカー＋赤文字が現サイトのシグネチャー。1画面1〜2箇所の密度を守る（乱用NG） |
| アイコン | 現行はFont Awesome Pro（有償）。新テーマで使う場合はライセンス範囲を要確認。代替はFA FreeまたはSVG |
| ブレークポイント | PC ≥1080px／タブレット 640〜1079px／SP ≤639px（現行踏襲） |
| フェーズ | 内容とレビューポイント |
|---|---|
| ① ワイヤーフレーム | 本書4章をもとに作図 → デザイン着手前に弊社のSEOレビュー（見出し文言・テキスト実装・CTA配置の確認） |
| ② デザイン | 5章の継承4点の範囲で自由に。差別化軸は「実績数字」と「運用サポートの手厚さ」 |
| ③ 実装・ステージング | WordPressテーマ実装 → ステージングで下記チェックリストを自己確認のうえ納品 |
| ④ 公開・監視 | 公開日は弊社と調整。公開後2〜4週間の順位・インデックス監視は弊社側で実施し、異常時は切り戻し相談 |
| ☐ | H1が指定文言・テキスト実装で1本存在する |
| ☐ | 既存ブロックのテキストがDOM上すべて残っている（削除なし） |
| ☐ | URL変更がない（あれば協議済みリストを添付） |
| ☐ | 全画像にaltが設定され、WebP＋遅延読み込みになっている |
| ☐ | PageSpeed InsightsでモバイルLCP 2.5秒以内 |
| ☐ | CTA 4種（相談・資料・プレゼント・セミナー）の導線がすべて機能する |
| ☐ | スマホ幅（〜639px）でファーストビューにH1とCTAが表示される |
| ☐ | ステージングにnoindexが設定されている／本番公開時に解除する手順が明記されている |
| ☐ | WordPress管理画面から見出し・本文・新着が編集できる |
| No | 論点 | 確認したいこと |
|---|---|---|
| 8-1 | ページ集約の範囲（ご指示の「集約検討」） | TOPへ統合・集約する下層ページの対象リスト。集約する場合は301リダイレクト設計とセットで弊社が対応 |
| 8-2 | 特定ページの先行解消 | 先行して解消したい対象ページと希望時期。TOP改修と切り離して先行実施するか |
| 8-3 | 共通ヘッダー・フッターの改修範囲 | TOPのみか、サイト全体に波及させるか（工数・影響範囲が変わる） |
| 8-4 | フォント・アイコンのライセンス | モリサワWebフォント・Font Awesome Proの契約主体と、新テーマでの継続可否 |
| 8-5 | 公開時期 | ドメイン統合（8〜9月設計・10月以降実装）との順序。TOP改修は統合前の公開を推奨（変数を分離して効果測定するため） |