works自主研發・AI 系統示範

自主研發・自然語言點餐互動示範/2026

AI 訂單系統示範

一句話點餐,直接變成後台裡的一張單

ai-order-demo-rosy.vercel.app
AI 訂單系統示範 桌機版網站畫面
AI 訂單系統示範 手機版網站畫面
/ system設計系統

網站色系

  • 磚紅主色#B5472F
  • 墨黑#1A1B1E
  • 暖米底#F5EFE4
  • 琥珀點綴#D9963C
  • 暖灰輔助#8A8175

字體樣式

AI 訂單系統

Noto Serif TC標題字體

牛肉麵 × 2(單價 NT$180)

Noto Sans TC內文・表格數字

單檔

技術架構

14/14

解析器單元測試

多品項

一句話拆單

3 段

訂單狀態流轉

N° 01the challenge

挑戰

「AI 訂單系統」是時川 AI 服務頁的第一大宣稱能力,過去只有一張靜態的訂單後台示意圖。要讓潛在客戶真的體會「口語變訂單」,得處理中文點餐的實際麻煩:中文數字與量詞、一句話多品項、加辣去冰這類備註該掛在哪個品項上。

N° 02our approach

解法

規則式解析引擎以「最長優先」比對菜單品項與別名(「貢丸湯」不會被誤拆成「貢丸」+「湯」),支援中文與阿拉伯數字、份/碗/杯/盤等量詞,修飾詞依位置歸屬到對應品項或整單;完全比對不到品項時誠實追問,不亂猜。確認卡列出結構化明細與小計,送出後進後台表格,狀態依新訂單→製作中→已完成流轉,全部資料存 localStorage、附種子訂單與一鍵重置。

N° 03what shipped

成果

示範已上線 Vercel 並掛回 shichuan.co/services/ai 作品區:點餐 → 確認卡 → 後台 → 狀態流轉全流程可玩,解析器 14 項單元測試全數通過,375px 手機版訂單表格自動轉卡片式排版、無橫向溢出。

/ screens內頁實錄
進站・接單助理與訂單後台
01進站・接單助理與訂單後台
「兩份牛肉麵一份滷味外送」・結構化確認卡
02「兩份牛肉麵一份滷味外送」・結構化確認卡
送出成單・後台狀態流轉與今日統計
03送出成單・後台狀態流轉與今日統計

ready to build?

你的品牌 也值得一個這樣的網站