|
|
@@ -0,0 +1,358 @@
|
|
|
+<!DOCTYPE html>
|
|
|
+<html lang="zh-Hant">
|
|
|
+
|
|
|
+<head>
|
|
|
+ {{ partial "head_single.html" . }}
|
|
|
+ <link rel="stylesheet" href="/css/service.css">
|
|
|
+</head>
|
|
|
+
|
|
|
+<body>
|
|
|
+ {{ partial "navbar.html" . }}
|
|
|
+
|
|
|
+ <!-- Hero / Above the fold -->
|
|
|
+ <header class="hero py-5 mt-5">
|
|
|
+ <div class="container pt-5">
|
|
|
+ <div class="row align-items-center g-4">
|
|
|
+ <div class="col-lg-6">
|
|
|
+ <h1 class="display-6 fw-bold mb-3">
|
|
|
+ 把企業的專業知識，<br class="d-none d-md-block">
|
|
|
+ 變成會對話的超能力
|
|
|
+ </h1>
|
|
|
+ <p class="lead text-secondary mb-4">
|
|
|
+ 專為企業打造的 <strong>領域大型語言模型建置服務</strong>：<br class="d-none d-lg-block">私有資料安全導入、RAG 檢索強化、專業知識對話化，<br
|
|
|
+ class="d-none d-lg-block">並以企業級安全控管、可視化監測與彈性擴充架構為基礎，<br class="d-none d-lg-block">打造真正可落地的 AI 方案。
|
|
|
+ </p>
|
|
|
+ <div class="d-flex flex-wrap gap-3">
|
|
|
+ <a href="https://page.line.me/417lsxlz?oat_content=url&openQrModal=true" class="link-btn"
|
|
|
+ target="_blank" rel="noopener">
|
|
|
+ <i class="bi bi-chat-dots"></i> 立即與專人諮詢
|
|
|
+ </a>
|
|
|
+ </div>
|
|
|
+ <div class="mt-4 text-secondary small">
|
|
|
+ <i class="bi bi-shield-check me-1"></i> 私有化部署 · 權限控管與行為記錄 · 依據資料精準回應
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="col-lg-6">
|
|
|
+ <div class="media-card">
|
|
|
+ <div class="video-wrapper">
|
|
|
+ <iframe
|
|
|
+ src="https://www.youtube.com/embed/Ecrtm2GDy54?autoplay=1&mute=1&loop=1&playlist=Ecrtm2GDy54&controls=1&rel=0&playsinline=1"
|
|
|
+ allow="autoplay; encrypted-media" allowfullscreen>
|
|
|
+ </iframe>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+
|
|
|
+ </div>
|
|
|
+ </header>
|
|
|
+
|
|
|
+ <!-- Pain points: 為什麼需要領域模型 -->
|
|
|
+ <section class="py-5">
|
|
|
+ <div class="container">
|
|
|
+ <div class="text-center">
|
|
|
+ <p class="kicker mb-2">Why Domain Model</p>
|
|
|
+ <h2 class="fw-bold mb-4">為什麼企業需要「領域大型語言模型」？</h2>
|
|
|
+ <p class="text-secondary mb-5">
|
|
|
+ 通用模型懂「語言」，卻不懂「你的業務」。領域模型讓 AI 理解企業專有知識、流程與語氣，提供更精準、安全的答案。
|
|
|
+ </p>
|
|
|
+ </div>
|
|
|
+
|
|
|
+ <div class="row g-4">
|
|
|
+ <!-- 通用模型不懂行話 -->
|
|
|
+ <div class="col-md-6">
|
|
|
+ <div class="feature-card h-100">
|
|
|
+ <div class="d-flex align-items-center mb-2">
|
|
|
+ <i class="bi bi-lightbulb fs-3 text-primary me-2"></i>
|
|
|
+ <strong>通用模型不懂你的專業</strong>
|
|
|
+ </div>
|
|
|
+ <p class="mb-0 text-secondary">
|
|
|
+ 專案代碼、法規條文、維運流程這些專業語彙，通用模型常誤解或亂答。領域模型能真正「看懂」你的知識庫。
|
|
|
+ </p>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+
|
|
|
+ <!-- 資料分散難檢索 -->
|
|
|
+ <div class="col-md-6">
|
|
|
+ <div class="feature-card h-100">
|
|
|
+ <div class="d-flex align-items-center mb-2">
|
|
|
+ <i class="bi bi-layers fs-3 text-primary me-2"></i>
|
|
|
+ <strong>資料分散，難以整合</strong>
|
|
|
+ </div>
|
|
|
+ <p class="mb-0 text-secondary">
|
|
|
+ 文件散落在 Drive、Confluence、ERP、內部伺服器，AI 找不到重點。領域模型能整合多來源知識並加上權限控管。
|
|
|
+ </p>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+
|
|
|
+ <!-- 安全與合規 -->
|
|
|
+ <div class="col-md-6">
|
|
|
+ <div class="feature-card h-100">
|
|
|
+ <div class="d-flex align-items-center mb-2">
|
|
|
+ <i class="bi bi-shield-lock fs-3 text-primary me-2"></i>
|
|
|
+ <strong>資料安全最重要</strong>
|
|
|
+ </div>
|
|
|
+ <p class="mb-0 text-secondary">
|
|
|
+ 敏感內容不能外流。領域模型可私有化部署，具備權限控管、稽核紀錄與脫敏保護，符合法遵與資安規範。
|
|
|
+ </p>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+
|
|
|
+ <!-- 成效可量化 -->
|
|
|
+ <div class="col-md-6">
|
|
|
+ <div class="feature-card h-100">
|
|
|
+ <div class="d-flex align-items-center mb-2">
|
|
|
+ <i class="bi bi-graph-up-arrow fs-3 text-primary me-2"></i>
|
|
|
+ <strong>成效可視化，才能真正落地</strong>
|
|
|
+ </div>
|
|
|
+ <p class="mb-0 text-secondary">
|
|
|
+ 回答品質、準確率、使用量都能量化追蹤，幫助你優化模型、擴展更多應用場景。
|
|
|
+ </p>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </section>
|
|
|
+
|
|
|
+
|
|
|
+ <!-- What we do -->
|
|
|
+ <section class="py-5 bg-light">
|
|
|
+ <div class="container">
|
|
|
+ <div class="text-center">
|
|
|
+ <p class="kicker mb-2">What We Do</p>
|
|
|
+ <h2 class="fw-bold mb-3">讓企業知識變成可對話、可監控的 AI 助理</h2>
|
|
|
+ <p class="text-secondary mb-4">
|
|
|
+ 從資料整理、模型訓練到部署上線，一站完成安全、可靠、可擴充的企業 AI 解決方案。
|
|
|
+ </p>
|
|
|
+ </div>
|
|
|
+
|
|
|
+ <div class="row g-4">
|
|
|
+ <!-- 資料治理 -->
|
|
|
+ <div class="col-md-6 col-lg-3">
|
|
|
+ <div class="feature-card h-100">
|
|
|
+ <h5 class="d-flex align-items-center justify-content-center">
|
|
|
+ <i class="bi bi-database-gear fs-4 text-primary me-2"></i>資料治理
|
|
|
+ </h5>
|
|
|
+ <p class="mb-0 text-secondary">
|
|
|
+ 整合企業內部資料，移除重複、過期或敏感內容，建立可持續更新的知識庫，確保資料乾淨又安全。
|
|
|
+ </p>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+
|
|
|
+ <!-- RAG + 微調 -->
|
|
|
+ <div class="col-md-6 col-lg-3">
|
|
|
+ <div class="feature-card h-100">
|
|
|
+ <h5 class="d-flex align-items-center justify-content-center">
|
|
|
+ <i class="bi bi-search fs-4 text-primary me-2"></i>智慧理解與精準回應
|
|
|
+ </h5>
|
|
|
+ <p class="mb-0 text-secondary">
|
|
|
+ 強化 AI 檢索與回應邏輯，讓模型能根據企業資料回答問題，確保內容有依據、不亂講。
|
|
|
+ </p>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+
|
|
|
+ <!-- 多通路部署 -->
|
|
|
+ <div class="col-md-6 col-lg-3">
|
|
|
+ <div class="feature-card h-100">
|
|
|
+ <h5 class="d-flex align-items-center justify-content-center">
|
|
|
+ <i class="bi bi-share fs-4 text-primary me-2"></i>多平台接入
|
|
|
+ </h5>
|
|
|
+ <p class="mb-0 text-secondary">
|
|
|
+ 支援 Web、Line、Teams、Slack、CRM、內網等多通路接入，讓團隊與 AI 隨時互動。
|
|
|
+ </p>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+
|
|
|
+ <!-- 可觀測性 -->
|
|
|
+ <div class="col-md-6 col-lg-3">
|
|
|
+ <div class="feature-card h-100">
|
|
|
+ <h5 class="d-flex align-items-center justify-content-center">
|
|
|
+ <i class="bi bi-speedometer2 fs-4 text-primary me-2"></i>監控與持續優化
|
|
|
+ </h5>
|
|
|
+ <p class="mb-0 text-secondary">
|
|
|
+ 提供回應依據、準確率與使用數據面板，協助持續優化模型表現與成本控制。
|
|
|
+ </p>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </section>
|
|
|
+
|
|
|
+
|
|
|
+
|
|
|
+ <!-- Typical Use Cases -->
|
|
|
+ <section class="py-5">
|
|
|
+ <div class="container text-center">
|
|
|
+ <p class="kicker mb-2">Use Cases</p>
|
|
|
+ <h2 class="fw-bold mb-4">典型使用場景</h2>
|
|
|
+
|
|
|
+ <div class="row g-4">
|
|
|
+
|
|
|
+ <div class="col-6">
|
|
|
+ <i class="bi bi-headset fs-1 text-brand"></i>
|
|
|
+ <p class="fw-semibold mt-2 mb-1">客服與售後</p>
|
|
|
+ <p class="text-secondary small mb-0">自動回答產品、合約與維修知識，附「來源引用」</p>
|
|
|
+ </div>
|
|
|
+
|
|
|
+ <div class="col-6">
|
|
|
+ <i class="bi bi-activity fs-1 text-brand"></i>
|
|
|
+ <p class="fw-semibold mt-2 mb-1">內部維運 / IT SOP</p>
|
|
|
+ <p class="text-secondary small mb-0">支援 DevOps、IT SOP 與監控告警知識查詢</p>
|
|
|
+ </div>
|
|
|
+
|
|
|
+ <div class="col-6">
|
|
|
+ <i class="bi bi-journal-check fs-1 text-brand"></i>
|
|
|
+ <p class="fw-semibold mt-2 mb-1">法務與合規比對</p>
|
|
|
+ <p class="text-secondary small mb-0">自動比對條款，稽核紀錄可追蹤與可稽核</p>
|
|
|
+ </div>
|
|
|
+
|
|
|
+ <div class="col-6">
|
|
|
+ <i class="bi bi-bag-check fs-1 text-brand"></i>
|
|
|
+ <p class="fw-semibold mt-2 mb-1">銷售與行銷支援</p>
|
|
|
+ <p class="text-secondary small mb-0">快速生成提案、對答話術與商品規格比對</p>
|
|
|
+ </div>
|
|
|
+
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </section>
|
|
|
+
|
|
|
+ <!-- Security & Compliance -->
|
|
|
+ <section class="py-5 bg-light">
|
|
|
+ <div class="container">
|
|
|
+ <div class="text-center">
|
|
|
+ <p class="kicker mb-2">Security & Compliance</p>
|
|
|
+ <h2 class="fw-bold mb-4">資料安全與企業級防護機制</h2>
|
|
|
+ <p class="text-secondary mb-5">
|
|
|
+ 以企業級標準保護您的資料：不外流、可控管、可稽核，確保 AI 在企業環境中安全、放心、可落地使用。
|
|
|
+ </p>
|
|
|
+ </div>
|
|
|
+
|
|
|
+ <div class="row g-4">
|
|
|
+ <!-- 資料不外流 -->
|
|
|
+ <div class="col-md-6 col-lg-3">
|
|
|
+ <div class="feature-card h-100">
|
|
|
+ <h6 class="fw-semibold mb-2">資料不外流</h6>
|
|
|
+ <p class="mb-0 text-secondary">
|
|
|
+ 支援私有化或 VPC 部署，所有資料都留在企業內部環境，符合各類地區與産業法規。
|
|
|
+ </p>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+
|
|
|
+ <!-- 權限控管 -->
|
|
|
+ <div class="col-md-6 col-lg-3">
|
|
|
+ <div class="feature-card h-100">
|
|
|
+ <h6 class="fw-semibold mb-2">精準權限控管</h6>
|
|
|
+ <p class="mb-0 text-secondary">
|
|
|
+ 依角色與群組設定存取權限，完整保留操作紀錄，後續查詢與追蹤更加容易。
|
|
|
+ </p>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+
|
|
|
+ <!-- 敏感資訊保護 -->
|
|
|
+ <div class="col-md-6 col-lg-3">
|
|
|
+ <div class="feature-card h-100">
|
|
|
+ <h6 class="fw-semibold mb-2">敏感資訊保護</h6>
|
|
|
+ <p class="mb-0 text-secondary">
|
|
|
+ 自動偵測與遮蔽個資、機密資料，並內建內容過濾與拒答機制，避免資訊外洩。
|
|
|
+ </p>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+
|
|
|
+ <!-- 可追溯與可解釋 -->
|
|
|
+ <div class="col-md-6 col-lg-3">
|
|
|
+ <div class="feature-card h-100">
|
|
|
+ <h6 class="fw-semibold mb-2">回應可追溯、結果可解釋</h6>
|
|
|
+ <p class="mb-0 text-secondary">
|
|
|
+ 每次回答皆附上資料來源、引用內容與可信度指標，使回應具備可追溯性與可驗證性，確保結果可靠且可監控。
|
|
|
+ </p>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </section>
|
|
|
+
|
|
|
+ <!-- Secondary CTA -->
|
|
|
+ <section class="py-5 bg-light">
|
|
|
+ <div class="container">
|
|
|
+ <div class="cta-band p-4 p-md-5 d-flex flex-column flex-lg-row align-items-center justify-content-between gap-3">
|
|
|
+ <div>
|
|
|
+ <h3 class="mb-2 fw-bold">想把企業知識變成能對話的 AI？從這裡開始。</h3>
|
|
|
+ <p class="mb-0">
|
|
|
+ 與我們的顧問討論您的目標、資料環境與預期應用，一起評估最適合的導入方式！
|
|
|
+ </p>
|
|
|
+ </div>
|
|
|
+
|
|
|
+ <div class="d-flex gap-3">
|
|
|
+ <a href="https://page.line.me/417lsxlz" target="_blank" class="cta-btn">
|
|
|
+ 加入 LINE 洽談
|
|
|
+ </a>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </section>
|
|
|
+
|
|
|
+ <!-- FAQ -->
|
|
|
+ <section class="py-5">
|
|
|
+ <div class="container">
|
|
|
+ <div class="text-center">
|
|
|
+ <p class="kicker mb-2">FAQ</p>
|
|
|
+ <h2 class="fw-bold mb-4">常見問題</h2>
|
|
|
+ </div>
|
|
|
+
|
|
|
+ <div class="row g-4">
|
|
|
+
|
|
|
+ <!-- 資料不多 -->
|
|
|
+ <div class="col-md-6">
|
|
|
+ <div class="feature-card">
|
|
|
+ <h6 class="mb-2"><i class="bi bi-question-circle me-1"></i> 我們的資料不多、格式也不一致，還能做嗎？</h6>
|
|
|
+ <p class="mb-0 text-secondary">
|
|
|
+ 可以。我們會先從小規模開始測試（PoC），並協助建立資料整理流程，例如去重、分類、更新與隱藏敏感資訊，讓資料逐步達到可用狀態。
|
|
|
+ </p>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+
|
|
|
+ <!-- 要不要微調 -->
|
|
|
+ <div class="col-md-6">
|
|
|
+ <div class="feature-card">
|
|
|
+ <h6 class="mb-2"><i class="bi bi-sliders me-1"></i> 一定要重新訓練模型嗎？</h6>
|
|
|
+ <p class="mb-0 text-secondary">
|
|
|
+ 不一定。多數企業場景不需要重新訓練，只要讓模型能「正確讀懂你的資料」即可。
|
|
|
+ 只有特殊情境（如固定格式判讀、數據運算等）才需要進一步調整模型。
|
|
|
+ </p>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+
|
|
|
+ <!-- 避免亂講 -->
|
|
|
+ <div class="col-md-6">
|
|
|
+ <div class="feature-card">
|
|
|
+ <h6 class="mb-2"><i class="bi bi-shield-exclamation me-1"></i> AI 亂講怎麼辦？</h6>
|
|
|
+ <p class="mb-0 text-secondary">
|
|
|
+ 系統會強制附上資料來源與引用內容，並提供可信度判斷；找不到答案時會直接拒答。
|
|
|
+ 同時透過測試與監控持續改善，避免產生不正確的回覆。
|
|
|
+ </p>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+
|
|
|
+ <!-- 資安 -->
|
|
|
+ <div class="col-md-6">
|
|
|
+ <div class="feature-card">
|
|
|
+ <h6 class="mb-2"><i class="bi bi-lock me-1"></i> 資安能保障嗎？</h6>
|
|
|
+ <p class="mb-0 text-secondary">
|
|
|
+ 可部署在公司自有的安全環境中，由企業自行掌控資料與存取權限，並可自動遮蔽個資與敏感內容，符合企業資安與法遵要求，確保資料不外流。
|
|
|
+ </p>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </section>
|
|
|
+
|
|
|
+ {{ partial "footer.html" . }}
|
|
|
+
|
|
|
+ <script>
|
|
|
+ document.getElementById('y') && (document.getElementById('y').textContent = new Date().getFullYear());
|
|
|
+ </script>
|
|
|
+ <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/js/bootstrap.bundle.min.js"></script>
|
|
|
+</body>
|
|
|
+
|
|
|
+</html>
|
