SaaS・プロダクト

Direct answer

何を決めるための項目ですか？

機能、数値、料金、導入不安を解消する製品ページ。

Page Kitは完成コピーではありません。Sectionの初期順と意図を提供し、価格、実績、証言、画像、権利、連絡先、法的な文言は公開前に実データへ置き換えます。

Section outline

目的に合う初期Section順

1. SC-HDR-001サイトヘッダーブランド、主要ナビゲーション、任意のCTAを持つ軽量ヘッダー。
2. SC-HRO-001ヒーローページの価値提案、補足説明、主要CTAを一つのH1へ集約。
3. SC-LOG-001ロゴ・導入実績ブランド名や導入先を控えめに提示するソーシャルプルーフ。
4. SC-FEA-001特徴・機能一覧主要価値をカードまたは交互レイアウトで整理。
5. SC-STA-001数字・実績数値と単位、補足ラベルを読みやすい実績帯またはカードとして提示。
6. SC-PRI-001料金・プラン複数プランの価格、対象、機能、CTAを比較可能にする。
7. SC-TES-001お客様の声引用、氏名、役割を明確に分けて信頼を補強。
8. SC-FAQ-001よくある質問質問と回答をdetails要素または2列で整理。
9. SC-CTA-001最終CTAページ末尾で次の行動と補足導線を明確にする最終コンバージョンSection。
10. SC-FOT-001サイトフッターサイト名、補足、ナビゲーション、法的リンクを整理。

Decision support

このPage Kitを選ぶ時・避ける時

• この構成は「機能、数値、料金、導入不安を解消する製品ページ。」という目的に合う初期順です。
• Sectionを増減しても、Hero 1件、重複しないanchor、最終CTA、Header・Footerの位置を再確認します。
• 複数ページのサイト構造、記事一覧、会員機能、複雑なフォームを必要とする場合は、この単一ページKitだけで完結させません。
• Page Kit更新時も既存Projectを無断で並べ替えず、差分とmigrationを確認します。

Safe workflow

安全に使う手順

1. Page KitとSectionの役割を決め、必須Content Slotを実際の内容へ置き換えます。
2. 375・768・1100・fluidで、見出し、長い文字、画像、CTA、横はみ出しを確認します。
3. Quality Guardの固定Rule ID、severity（重要度）、evidence（根拠）、loss（変換損失）を確認します。
4. 用途に合うAdapterを選び、INSTALL、VERIFY、ROLLBACKの順に導入・確認・復旧方法を共有します。

Terms

英語表記の意味

Section（セクション）はページ内の役割を持つ区画、Variant（バリアント）は意味を変えない配置違い、Adapter（アダプター）は同じProjectを実装形式へ変換する処理、Evidence（エビデンス）は判定根拠、Loss（ロス）は出力形式で完全には表現できない差、Rollback（ロールバック）は元に戻す手順です。