---
title: 02 官網網站地圖
---

# 02 官網網站地圖：產品官網要有哪些頁

> 參考對象：Workiva、Hyperproof、Vanta、Drata、Secureframe、Sprinto、MetricStream 等合規軟體官網的共通結構，加上 Guidant AI 自己的特殊需求（落地部署、CRA 法定公開頁）。

## 一、先講結論

第一版上線抓 **18 個固定頁＋6 篇指南文章**（SEMI E187 不做解決方案頁、只留指南；安全公告併進產品安全資訊頁；「關於我們」是官網自己的頁 `/about`，讓 AI 從官網就認得出是竣盟的產品，頁內再連公司官網）。官網用**專屬網域**（名稱待定）。，導覽列四大區：**產品／解決方案／資源／信任中心**，「公司」只放頁尾，外加一顆常駐的「預約展示」按鈕。

有一頁不是行銷需求、而是**法規要求**：CRA 自評（FR-138）已裁定漏洞通報政策、安全公告、產品安全資訊、SBOM 都放在「公司網站的 Guidant AI 產品安全資訊頁」，而且要**保留歷版、保存 10 年**。官網一上線，這頁就要在（對應 FR-138 缺失 #35、#36、#42）。

## 二、網站地圖

```
Guidant AI 官網
│
├─ 首頁 /
│
├─ 產品 /product
│   ├─ 產品總覽 /product                     ← 十二大功能一頁看完（本 FR 的主稿）
│   ├─ 合規與稽核管理 /product/compliance     ← 功能 1～4、8、9
│   ├─ AI 能力 /product/ai                    ← 功能 5、11（證據分類、AI 助理、AI 儀表板、AI 閘道）
│   ├─ 自動化檢測 /product/detection          ← 功能 6、7（檢測 Agent、第三方元件風險）
│   ├─ GRC 治理與風險 /product/grc            ← 功能 10
│   └─ 部署與安全 /product/deployment         ← 功能 12（落地部署、資料不出機房、存取管理）
│
├─ 解決方案 /solutions
│   ├─ 適用法規（選單名；與「資源 › 指南」分工：指南講法規是什麼、這裡講用 Guidant AI 怎麼過）
│   │   ├─ CMMC /solutions/cmmc
│   │   ├─ ISO 27001 /solutions/iso-27001
│   │   └─ 歐盟 CRA /solutions/cra             ← SEMI E187 不做解決方案頁（無內建框架），只留指南
│   └─ 依角色
│       ├─ 合規顧問與稽核事務所 /solutions/consultants
│       └─ 企業資安與稽核團隊 /solutions/enterprise
│
├─ 資源 /resources
│   ├─ 指南 /resources/guides                  ← 已完成六篇初稿（docs/website/guides/）
│   │   ├─ 什麼是合規
│   │   ├─ 什麼是 CMMC
│   │   ├─ 什麼是 CRA
│   │   ├─ 什麼是 SEMI E187
│   │   ├─ 什麼是 ISO 27001
│   │   └─ 什麼是 GRC
│   ├─ 部落格／最新消息 /resources/blog        ← 第二版
│   ├─ 客戶案例 /resources/case-studies        ← 第二版，等第一批客戶同意
│   └─ 名詞解釋 /resources/glossary            ← 第二版（系統安全計畫、POA&M、SBOM、評估目標…）
│
├─ 信任中心 /trust
│   ├─ 產品安全資訊 /trust/security            ← 🔴 CRA 法定：漏洞通報政策、安全公告（含歷版）、產品安全須知、支援期聲明、SBOM 下載
│   ├─ 安全公告 /trust/advisories              ← 可併進上一頁
│   └─ 隱私權政策 /privacy、服務條款 /terms
│
├─ 公司 /company
│   ├─ 關於我們 /about                         ← 第一句寫明「Guidant AI 是竣盟科技開發」，頁內連 billows.tech/about
│   └─ 聯絡我們 /contact                       ← 表單：姓名、公司、職稱、email、電話、關注的框架、留言
│
├─ 預約展示 /demo                               ← 全站主要轉換頁（導覽列右上常駐）
│
└─ 語系切換：繁體中文（預設）／English
```

### 不做的頁（第一版）與理由

| 頁 | 理由 |
|---|---|
| 價格頁 | 落地部署、依模組授權，屬於報價制，不公開價格；改「預約展示」 |
| 免費試用 | 落地版要安裝，不適合自助試用；可在第二版評估雲端試用環境 |
| 整合清單頁 | 檢測工具只有八種，放在「自動化檢測」頁就夠 |
| 職缺頁 | 非產品需求，公司決定 |

## 三、每頁的區塊結構

### 首頁 `/`

| # | 區塊 | 內容 | 素材 |
|---|---|---|---|
| 1 | 主視覺 | 主標＋副標＋兩顆按鈕（預約展示、看產品）＋產品主畫面截圖 | 文案 03 §首頁、截圖 #1 |
| 2 | 支援框架列 | CMMC、ISO 27001、歐盟 CRA、政府組態基準 標誌或文字 | — |
| 3 | 痛點三格 | 證據散落、稽核重來、資料不能出去 | 文案 03 |
| 4 | 一條龍流程圖 | 規劃 → 執行 → 內稽 → 外稽 → 改善 → 結案 → 下一輪 | 需設計 |
| 5 | 四大亮點 | AI 證據分類、自動化檢測、年年延續、落地部署 | 截圖 #6、#7、#1 |
| 6 | 給誰用 | 顧問／企業 兩張卡 | 文案 03 |
| 7 | 數字背書 | 第一版先放「支援 N 個框架、8 種檢測工具、全程中英文介面」；客戶數等有了再加 | 【待確認】 |
| 8 | 指南推薦 | 三篇最新指南卡片 | 指南六篇 |
| 9 | 結尾行動呼籲 | 預約展示 | — |

### 產品總覽 `/product`

主稿見 [03 產品介紹頁文案](../3-plan/03-product-page-copy.md)。結構：主視覺 → 流程圖 → 十二大功能（每個：標題、一句話、三個重點、截圖）→ 更多功能 → 部署方式 → 安全承諾 → 行動呼籲。

### 功能細頁（`/product/*` 五頁）

每頁同一套：主視覺 → 解決什麼問題 → 3～5 個功能區塊（左文右圖交錯）→ 常見問題 3 題 → 相關指南 → 行動呼籲。

### 解決方案・依框架（`/solutions/*`）

主視覺（框架名＋一句話）→ 這個框架要你做什麼（3 點，連到對應指南）→ Guidant AI 怎麼對應（表：框架要求 vs 平台功能）→ 流程示意 → 行動呼籲。

### 解決方案・依角色

- **顧問**：一個人帶多家客戶、資源庫重複使用、訪談表匯入、報告自動產生。
- **企業**：多框架共用控制、多年延續、主管看得到全貌、資料不出機房。

### 信任中心・產品安全資訊 `/trust/security`（CRA 法定）

| 區塊 | 內容 | 來源 |
|---|---|---|
| 漏洞通報方式 | 通報信箱（security@）、PGP 金鑰（若有）、回應時限 | FR-138 程序書 01 |
| 協調揭露政策 | 全文＋歷版 | FR-138 程序書 01 |
| 安全公告 | 列表：日期、編號、影響版本、修補版本；可展開；保留歷版 | FR-138 程序書 02 |
| 支援期聲明 | 每個版本的支援期（每版自首次在歐盟提供起至少 5 年） | FR-138 程序書 03 |
| 產品使用安全須知 | 全文＋歷版 | FR-138 程序書 04 |
| SBOM 下載 | 每個版本的 CycloneDX／SPDX 檔 | FR-134 產出 |
| 製造商資訊 | 竣盟科技股份有限公司／104074 台北市中山區松江路129號6F／(02) 2562-3952／billows@billows.com.tw／https://www.billows.tech | CRA 附件二 |

**技術要求**：這頁的歷版不能被覆蓋（CRA 要保存 10 年），網站要能放「每一版的文件」並有固定網址。

## 四、全站共通元件

- **導覽列**：Logo／產品▾／解決方案▾／資源▾／信任中心／語系切換／【預約展示】
- **Logo**：第一版沿用產品登入後左上角的文字標誌——「Guidant」一般粗細（600）、跟隨主題色（亮色深字、暗色白字），「AI」加粗（700）、填藍綠漸層 `#4FC3F7 → #81C784`（135°），兩字同字級、基線對齊、字距 -0.02em；字型同產品系統字。來源 `compliance-manager-fe/src/layout/AppTopbar.vue`
- **頁尾**：產品、解決方案、資源、公司四欄（公司欄的「關於我們」連站內 /about）；產品安全資訊連結；隱私權、服務條款；版權；社群連結
- **行動呼籲**：全站只有兩種——「預約展示」（主）、「免費諮詢」（次）
- **亮暗色**：產品本身有亮暗兩套主題，官網可以提供亮暗切換，截圖兩套都要有
- **雙語**：每頁中英文對照；網址建議 `/zh-tw/...`、`/en/...`
- **SEO**：每頁要有 meta 標題、描述、OG 圖；指南頁加結構化資料（Article、FAQPage）

## 五、待決策者確認

| # | 項目 | 建議 |
|---|---|---|
| 1 | 網域 | 已定：官網用專屬網域，名稱待定 |
| 2 | 建站方式 | 靜態網站產生器（Astro／Next.js 靜態輸出）＋ Git 管內容，指南與安全公告用 Markdown 寫，好維護、可留歷版 |
| 3 | 🟡 未進版功能 | 官網上線時沒進版的功能要不要放 |
| 4 | SEMI E187 解決方案頁 | 已定：不做，只留指南 |
| 5 | 公司對外名稱與聯絡資訊 | 已定：竣盟科技股份有限公司，104074 台北市中山區松江路129號6F，(02) 2562-3952，billows@billows.com.tw；「關於我們」做站內頁 /about，頁內連公司官網 |
| 6 | 預約展示表單送到哪 | 待辦，之後再定 |
| 7 | 是否有客戶 logo／案例可用 | 第一版可以沒有 |