專案背景
小型食品品牌的客人大多在 LINE 上,但商品資訊放在官網,下單又要另外填表。出貨時,每款點心也都要依法貼上營養標示,過去都是手算、手排版。這個專案把前台銷售和後台出貨兩段一起自動化。
前台:LINE Mini App 商品櫥窗
- 官網的商品、品牌故事與嚴選食材內容全數搬進 LINE Mini App,客人不用離開 LINE
- 商品卡可以一鍵用 Flex Message 分享到聊天室,靠口碑轉傳帶來新客
- 直接外連訂購表單,App 也能加到手機主畫面
- 支援
/products、/product/{slug}等深連結,行銷訊息可以直接導到指定商品 - 素材搬遷寫成腳本自動下載,品牌配色取自官網,視覺一致
後台:營養標籤自動化
- 輸入配方的材料與重量,系統依台灣 FDA 食品營養成分資料庫計算營養素
- 輸出格式符合《包裝食品營養標示應遵行事項》(2024-07-01 生效版),包含每份與每 100 公克的八項營養素
- 同時產生產品資訊標籤:品名、淨重、成分(依含量由多到少排序)、過敏原、保存方式與期限
- 透過 Web Bluetooth 直接連線 NIIMBOT B1 Pro 標籤機列印,不需要安裝驅動或 App
- 資料庫查不到的材料可以自訂營養值;輸入資料以 zod 驗證,避免算錯
技術重點
- 零打包、易維護:前端是純靜態頁面,不需要 build,品牌方之後也容易接手修改
- LINE 平台整合:實作 LIFF 分享、加到主畫面、深連結等功能,也整理出 MINI App 渠道必須在 Console 綁定 LIFF 的實際限制
- 法規正確性:營養標示計算依現行法規格式,減少人工計算出錯的風險
適合的客戶情境
- 客群集中在 LINE、想在 LINE 裡直接賣東西的品牌
- 需要依法貼營養標示、但品項經常變動的食品業者
- 想把接單、出貨、標籤等重複流程自動化的小型電商