CASE STUDY

Bilocation Pro 體驗中心:3 種主管角色,5 個可操作示範

製造業的 AI Agent 很難用文字說明。依廠長、研發長、銷售總監三種角色,做成可以點選操作的體驗頁:看圖表、標註圖紙、選型、查 BOM。

製造業 AI Agent・企業級 AI Agent 平台夥伴(ISV)2026
5個可操作示範
3種角色情境
4張痛點翻牌
7張互動圖表
Bilocation Pro 體驗中心首頁畫面互動作品

Bilocation Pro 體驗中心可直接點擊操作,手機建議用全螢幕。

挑戰

Bilocation Pro 是 AI Agent,用在製造業。它串接 ERP、MES、PLM 的資料,也能讀圖紙。

廠長、研發長、銷售總監問的問題不同,要看的畫面也不同,只靠文字和簡報,客戶很難想像實際操作。

做法

  • 從角色切入:先講廠長、研發長、銷售總監各自的問題,再切到對應的操作畫面。
  • 5 個可操作示範:戰情看板、圖紙泡泡標註、FAN 選型、爆炸圖 BOM 查找、業務助理,每個都能點選操作。
  • 痛點翻牌:4 個常見問題做成翻牌,正面是情境,背面是對應的解法。
  • 對照通用 AI:同一個問題,通用 AI 與 Bilocation Pro,回答並排比較。
  • 示範資料:數據、料號、規格與圖面都是模擬資料,頁面上也有標註。
  • AI 協作製作:用生成式 AI 整理痛點、撰寫文案、產出介面與前端,網頁不需要後端。

成果

完成可以直接操作的體驗頁:3 種角色情境、5 個示範、7 張圖表。

頁面放在這個網站,可在本頁操作,也能全螢幕或用新分頁開啟。

頁面上的效益數字是產品說明,這裡不當作成果引用。

同類型的工作,另見案例AI 體驗中心。

用到的工具與方法

  • 生成式 AI
  • HTML/CSS/JavaScript
  • Chart.js
  • RWD
  • UX 文案
  • 情境導覽設計

LET'S WORK TOGETHER

有行銷問題?
一起用數據解決。

企業內訓、講座邀約或行銷科技顧問,留下需求,2 個工作天內回覆。