single.html 14 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358
  1. <!DOCTYPE html>
  2. <html lang="zh-Hant">
  3. <head>
  4. {{ partial "head_single.html" . }}
  5. <link rel="stylesheet" href="/css/service.css">
  6. </head>
  7. <body>
  8. {{ partial "navbar.html" . }}
  9. <!-- Hero / Above the fold -->
  10. <header class="hero py-5 mt-5">
  11. <div class="container pt-5">
  12. <div class="row align-items-center g-4">
  13. <div class="col-lg-6">
  14. <h1 class="display-6 fw-bold mb-3">
  15. 把企業的專業知識,<br class="d-none d-md-block">
  16. 變成會對話的超能力
  17. </h1>
  18. <p class="lead text-secondary mb-4">
  19. 專為企業打造的 <strong>領域大型語言模型建置服務</strong>:<br class="d-none d-lg-block">私有資料安全導入、RAG 檢索強化、專業知識對話化,<br
  20. class="d-none d-lg-block">並以企業級安全控管、可視化監測與彈性擴充架構為基礎,<br class="d-none d-lg-block">打造真正可落地的 AI 方案。
  21. </p>
  22. <div class="d-flex flex-wrap gap-3">
  23. <a href="https://page.line.me/417lsxlz?oat_content=url&amp;openQrModal=true" class="link-btn"
  24. target="_blank" rel="noopener">
  25. <i class="bi bi-chat-dots"></i> 立即與專人諮詢
  26. </a>
  27. </div>
  28. <div class="mt-4 text-secondary small">
  29. <i class="bi bi-shield-check me-1"></i> 私有化部署 · 權限控管與行為記錄 · 依據資料精準回應
  30. </div>
  31. </div>
  32. <div class="col-lg-6">
  33. <div class="media-card">
  34. <div class="video-wrapper">
  35. <iframe
  36. src="https://www.youtube.com/embed/Ecrtm2GDy54?autoplay=1&mute=1&loop=1&playlist=Ecrtm2GDy54&controls=1&rel=0&playsinline=1"
  37. allow="autoplay; encrypted-media" allowfullscreen>
  38. </iframe>
  39. </div>
  40. </div>
  41. </div>
  42. </div>
  43. </div>
  44. </header>
  45. <!-- Pain points: 為什麼需要領域模型 -->
  46. <section class="py-5">
  47. <div class="container">
  48. <div class="text-center">
  49. <p class="kicker mb-2">Why Domain Model</p>
  50. <h2 class="fw-bold mb-4">為什麼企業需要「領域大型語言模型」?</h2>
  51. <p class="text-secondary mb-5">
  52. 通用模型懂「語言」,卻不懂「你的業務」。領域模型讓 AI 理解企業專有知識、流程與語氣,提供更精準、安全的答案。
  53. </p>
  54. </div>
  55. <div class="row g-4">
  56. <!-- 通用模型不懂行話 -->
  57. <div class="col-md-6">
  58. <div class="feature-card h-100">
  59. <div class="d-flex align-items-center mb-2">
  60. <i class="bi bi-lightbulb fs-3 text-primary me-2"></i>
  61. <strong>通用模型不懂你的專業</strong>
  62. </div>
  63. <p class="mb-0 text-secondary">
  64. 專案代碼、法規條文、維運流程這些專業語彙,通用模型常誤解或亂答。領域模型能真正「看懂」你的知識庫。
  65. </p>
  66. </div>
  67. </div>
  68. <!-- 資料分散難檢索 -->
  69. <div class="col-md-6">
  70. <div class="feature-card h-100">
  71. <div class="d-flex align-items-center mb-2">
  72. <i class="bi bi-layers fs-3 text-primary me-2"></i>
  73. <strong>資料分散,難以整合</strong>
  74. </div>
  75. <p class="mb-0 text-secondary">
  76. 文件散落在 Drive、Confluence、ERP、內部伺服器,AI 找不到重點。領域模型能整合多來源知識並加上權限控管。
  77. </p>
  78. </div>
  79. </div>
  80. <!-- 安全與合規 -->
  81. <div class="col-md-6">
  82. <div class="feature-card h-100">
  83. <div class="d-flex align-items-center mb-2">
  84. <i class="bi bi-shield-lock fs-3 text-primary me-2"></i>
  85. <strong>資料安全最重要</strong>
  86. </div>
  87. <p class="mb-0 text-secondary">
  88. 敏感內容不能外流。領域模型可私有化部署,具備權限控管、稽核紀錄與脫敏保護,符合法遵與資安規範。
  89. </p>
  90. </div>
  91. </div>
  92. <!-- 成效可量化 -->
  93. <div class="col-md-6">
  94. <div class="feature-card h-100">
  95. <div class="d-flex align-items-center mb-2">
  96. <i class="bi bi-graph-up-arrow fs-3 text-primary me-2"></i>
  97. <strong>成效可視化,才能真正落地</strong>
  98. </div>
  99. <p class="mb-0 text-secondary">
  100. 回答品質、準確率、使用量都能量化追蹤,幫助你優化模型、擴展更多應用場景。
  101. </p>
  102. </div>
  103. </div>
  104. </div>
  105. </div>
  106. </section>
  107. <!-- What we do -->
  108. <section class="py-5 bg-light">
  109. <div class="container">
  110. <div class="text-center">
  111. <p class="kicker mb-2">What We Do</p>
  112. <h2 class="fw-bold mb-3">讓企業知識變成可對話、可監控的 AI 助理</h2>
  113. <p class="text-secondary mb-4">
  114. 從資料整理、模型訓練到部署上線,一站完成安全、可靠、可擴充的企業 AI 解決方案。
  115. </p>
  116. </div>
  117. <div class="row g-4">
  118. <!-- 資料治理 -->
  119. <div class="col-md-6 col-lg-3">
  120. <div class="feature-card h-100">
  121. <h5 class="d-flex align-items-center justify-content-center">
  122. <i class="bi bi-database-gear fs-4 text-primary me-2"></i>資料治理
  123. </h5>
  124. <p class="mb-0 text-secondary">
  125. 整合企業內部資料,移除重複、過期或敏感內容,建立可持續更新的知識庫,確保資料乾淨又安全。
  126. </p>
  127. </div>
  128. </div>
  129. <!-- RAG + 微調 -->
  130. <div class="col-md-6 col-lg-3">
  131. <div class="feature-card h-100">
  132. <h5 class="d-flex align-items-center justify-content-center">
  133. <i class="bi bi-search fs-4 text-primary me-2"></i>智慧理解與精準回應
  134. </h5>
  135. <p class="mb-0 text-secondary">
  136. 強化 AI 檢索與回應邏輯,讓模型能根據企業資料回答問題,確保內容有依據、不亂講。
  137. </p>
  138. </div>
  139. </div>
  140. <!-- 多通路部署 -->
  141. <div class="col-md-6 col-lg-3">
  142. <div class="feature-card h-100">
  143. <h5 class="d-flex align-items-center justify-content-center">
  144. <i class="bi bi-share fs-4 text-primary me-2"></i>多平台接入
  145. </h5>
  146. <p class="mb-0 text-secondary">
  147. 支援 Web、Line、Teams、Slack、CRM、內網等多通路接入,讓團隊與 AI 隨時互動。
  148. </p>
  149. </div>
  150. </div>
  151. <!-- 可觀測性 -->
  152. <div class="col-md-6 col-lg-3">
  153. <div class="feature-card h-100">
  154. <h5 class="d-flex align-items-center justify-content-center">
  155. <i class="bi bi-speedometer2 fs-4 text-primary me-2"></i>監控與持續優化
  156. </h5>
  157. <p class="mb-0 text-secondary">
  158. 提供回應依據、準確率與使用數據面板,協助持續優化模型表現與成本控制。
  159. </p>
  160. </div>
  161. </div>
  162. </div>
  163. </div>
  164. </section>
  165. <!-- Typical Use Cases -->
  166. <section class="py-5">
  167. <div class="container text-center">
  168. <p class="kicker mb-2">Use Cases</p>
  169. <h2 class="fw-bold mb-4">典型使用場景</h2>
  170. <div class="row g-4">
  171. <div class="col-6">
  172. <i class="bi bi-headset fs-1 text-brand"></i>
  173. <p class="fw-semibold mt-2 mb-1">客服與售後</p>
  174. <p class="text-secondary small mb-0">自動回答產品、合約與維修知識,附「來源引用」</p>
  175. </div>
  176. <div class="col-6">
  177. <i class="bi bi-activity fs-1 text-brand"></i>
  178. <p class="fw-semibold mt-2 mb-1">內部維運 / IT SOP</p>
  179. <p class="text-secondary small mb-0">支援 DevOps、IT SOP 與監控告警知識查詢</p>
  180. </div>
  181. <div class="col-6">
  182. <i class="bi bi-journal-check fs-1 text-brand"></i>
  183. <p class="fw-semibold mt-2 mb-1">法務與合規比對</p>
  184. <p class="text-secondary small mb-0">自動比對條款,稽核紀錄可追蹤與可稽核</p>
  185. </div>
  186. <div class="col-6">
  187. <i class="bi bi-bag-check fs-1 text-brand"></i>
  188. <p class="fw-semibold mt-2 mb-1">銷售與行銷支援</p>
  189. <p class="text-secondary small mb-0">快速生成提案、對答話術與商品規格比對</p>
  190. </div>
  191. </div>
  192. </div>
  193. </section>
  194. <!-- Security & Compliance -->
  195. <section class="py-5 bg-light">
  196. <div class="container">
  197. <div class="text-center">
  198. <p class="kicker mb-2">Security & Compliance</p>
  199. <h2 class="fw-bold mb-4">資料安全與企業級防護機制</h2>
  200. <p class="text-secondary mb-5">
  201. 以企業級標準保護您的資料:不外流、可控管、可稽核,確保 AI 在企業環境中安全、放心、可落地使用。
  202. </p>
  203. </div>
  204. <div class="row g-4">
  205. <!-- 資料不外流 -->
  206. <div class="col-md-6 col-lg-3">
  207. <div class="feature-card h-100">
  208. <h6 class="fw-semibold mb-2">資料不外流</h6>
  209. <p class="mb-0 text-secondary">
  210. 支援私有化或 VPC 部署,所有資料都留在企業內部環境,符合各類地區與産業法規。
  211. </p>
  212. </div>
  213. </div>
  214. <!-- 權限控管 -->
  215. <div class="col-md-6 col-lg-3">
  216. <div class="feature-card h-100">
  217. <h6 class="fw-semibold mb-2">精準權限控管</h6>
  218. <p class="mb-0 text-secondary">
  219. 依角色與群組設定存取權限,完整保留操作紀錄,後續查詢與追蹤更加容易。
  220. </p>
  221. </div>
  222. </div>
  223. <!-- 敏感資訊保護 -->
  224. <div class="col-md-6 col-lg-3">
  225. <div class="feature-card h-100">
  226. <h6 class="fw-semibold mb-2">敏感資訊保護</h6>
  227. <p class="mb-0 text-secondary">
  228. 自動偵測與遮蔽個資、機密資料,並內建內容過濾與拒答機制,避免資訊外洩。
  229. </p>
  230. </div>
  231. </div>
  232. <!-- 可追溯與可解釋 -->
  233. <div class="col-md-6 col-lg-3">
  234. <div class="feature-card h-100">
  235. <h6 class="fw-semibold mb-2">回應可追溯、結果可解釋</h6>
  236. <p class="mb-0 text-secondary">
  237. 每次回答皆附上資料來源、引用內容與可信度指標,使回應具備可追溯性與可驗證性,確保結果可靠且可監控。
  238. </p>
  239. </div>
  240. </div>
  241. </div>
  242. </div>
  243. </section>
  244. <!-- Secondary CTA -->
  245. <section class="py-5 bg-light">
  246. <div class="container">
  247. <div class="cta-band p-4 p-md-5 d-flex flex-column flex-lg-row align-items-center justify-content-between gap-3">
  248. <div>
  249. <h3 class="mb-2 fw-bold">想把企業知識變成能對話的 AI?從這裡開始。</h3>
  250. <p class="mb-0">
  251. 與我們的顧問討論您的目標、資料環境與預期應用,一起評估最適合的導入方式!
  252. </p>
  253. </div>
  254. <div class="d-flex gap-3">
  255. <a href="https://page.line.me/417lsxlz" target="_blank" class="cta-btn">
  256. 加入 LINE 洽談
  257. </a>
  258. </div>
  259. </div>
  260. </div>
  261. </section>
  262. <!-- FAQ -->
  263. <section class="py-5">
  264. <div class="container">
  265. <div class="text-center">
  266. <p class="kicker mb-2">FAQ</p>
  267. <h2 class="fw-bold mb-4">常見問題</h2>
  268. </div>
  269. <div class="row g-4">
  270. <!-- 資料不多 -->
  271. <div class="col-md-6">
  272. <div class="feature-card">
  273. <h6 class="mb-2"><i class="bi bi-question-circle me-1"></i> 我們的資料不多、格式也不一致,還能做嗎?</h6>
  274. <p class="mb-0 text-secondary">
  275. 可以。我們會先從小規模開始測試(PoC),並協助建立資料整理流程,例如去重、分類、更新與隱藏敏感資訊,讓資料逐步達到可用狀態。
  276. </p>
  277. </div>
  278. </div>
  279. <!-- 要不要微調 -->
  280. <div class="col-md-6">
  281. <div class="feature-card">
  282. <h6 class="mb-2"><i class="bi bi-sliders me-1"></i> 一定要重新訓練模型嗎?</h6>
  283. <p class="mb-0 text-secondary">
  284. 不一定。多數企業場景不需要重新訓練,只要讓模型能「正確讀懂你的資料」即可。
  285. 只有特殊情境(如固定格式判讀、數據運算等)才需要進一步調整模型。
  286. </p>
  287. </div>
  288. </div>
  289. <!-- 避免亂講 -->
  290. <div class="col-md-6">
  291. <div class="feature-card">
  292. <h6 class="mb-2"><i class="bi bi-shield-exclamation me-1"></i> AI 亂講怎麼辦?</h6>
  293. <p class="mb-0 text-secondary">
  294. 系統會強制附上資料來源與引用內容,並提供可信度判斷;找不到答案時會直接拒答。
  295. 同時透過測試與監控持續改善,避免產生不正確的回覆。
  296. </p>
  297. </div>
  298. </div>
  299. <!-- 資安 -->
  300. <div class="col-md-6">
  301. <div class="feature-card">
  302. <h6 class="mb-2"><i class="bi bi-lock me-1"></i> 資安能保障嗎?</h6>
  303. <p class="mb-0 text-secondary">
  304. 可部署在公司自有的安全環境中,由企業自行掌控資料與存取權限,並可自動遮蔽個資與敏感內容,符合企業資安與法遵要求,確保資料不外流。
  305. </p>
  306. </div>
  307. </div>
  308. </div>
  309. </div>
  310. </section>
  311. {{ partial "footer.html" . }}
  312. <script>
  313. document.getElementById('y') && (document.getElementById('y').textContent = new Date().getFullYear());
  314. </script>
  315. <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/js/bootstrap.bundle.min.js"></script>
  316. </body>
  317. </html>