制作会社・ポートフォリオ

Direct answer

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

作品を中心に、実績、工程、コメント、相談導線を構成。

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

Section outline

目的に合う初期Section順

1. SC-HDR-001サイトヘッダーブランド、主要ナビゲーション、任意のCTAを持つ軽量ヘッダー。
2. SC-HRO-001ヒーローページの価値提案、補足説明、主要CTAを一つのH1へ集約。
3. SC-CAS-001事例・制作実績成果、対象、実装ポイントを記事単位で見せる。
4. SC-STA-001数字・実績数値と単位、補足ラベルを読みやすい実績帯またはカードとして提示。
5. SC-PRC-001流れ・手順手順の順序、担当、判断材料を段階的に伝えるプロセスSection。
6. SC-TES-001お客様の声引用、氏名、役割を明確に分けて信頼を補強。
7. SC-CTA-001最終CTAページ末尾で次の行動と補足導線を明確にする最終コンバージョンSection。
8. 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（ロールバック）は元に戻す手順です。