系統開發

QMS 品質管理系統互動原型|跨廠區品質異常追蹤

跨國電子零組件製造集團的 QMS 互動原型:13 個可點擊畫面、四段簽核、條目級逾期跟催,八個廠區與十一套品質標準並行。

每一個畫面,都被反覆打磨

從線稿到上線,連一個間距、一種狀態都不放過。

客戶規模大型(> 100 人)
專案年份2026
開發時長原型 10 個工作天
技術React・TypeScript・Tailwind

關鍵績效指標

0

個可點擊畫面

0

個工作天

0

套標準並行

專案資訊

服務項目
系統開發

專案說明

這是一套給製造業品保單位用的品質管理系統互動原型。客戶是跨國電子零組件製造集團,依保密協議匿名,畫面中的公司名、廠區名、人員與供應商全部已經替換成代稱,所有數據皆為示意資料。

品保單位最常見的狀況是這樣:品質異常的紀錄散在紙本、Excel 與電子簽核三套系統裡,同一張單要查得跑三個地方。一張矯正措施從開單到結案要跨四次簽核、追蹤好幾個月,而大部分電子簽核系統只做到「簽完」。簽完之後對策做了沒、做了有沒有用,沒有人盯,也沒有地方看。工廠裡那些開了兩年還沒結案的單子,就是這樣長出來的。

我們的做法是把四種表單收進同一套骨架。CAPA、CAR、8D、SCAR 的版面不同、交付對象不同(8D 要交給客戶所以維持全英文),但簽核與追蹤的邏輯其實一樣。開單時先選來源,系統依來源換成對應版面,底層共用同一條四段簽核:發起簽核、對策回覆簽核、效果追蹤、結案歸檔簽核。

真正決定這套系統好不好用的是跟催的顆粒度。我們把跟催的單位做到每一條對策、每一批追蹤、每一段簽核,所以通知寄出去時寫得出「你負責的第 2 條對策原訂上週五完成」,管理者的儀表板也才會出現「目前有 7 條對策逾期,分布在 3 個單位」這種可以馬上行動的數字。

這套原型在十個工作天內完成 13 個可點擊畫面。需求訪談當天就對著會動的系統逐條談規格,會後直接產出可以開工的實作規格,原型本身也成為報價的依據。

案例故事

CHALLENGE

挑戰

1

品質異常的紀錄散在紙本、Excel 與電子簽核三套系統,同一個案子要查得跑三個地方,中間少一張也沒人會知道。

2

CAPA、CAR、8D、SCAR 四種表單版面不同、交付對象不同,但簽核與追蹤的骨架其實一樣,做成四套系統會無法維護。

3

八個廠區同時受十一套標準管制,同一張不合格單要能同時交代 ISO 9001、IATF 16949 與 ISO 13485 各自要的欄位。

4

多數電子簽核系統只做到「簽完」,對策做了沒、做了有沒有用沒有人盯,開了兩年還沒結案的單子就是這樣長出來的。

SOLUTION

解法

1

一套簽核骨架加來源分流:開單先選來源,系統依來源換成 CAR、8D 或 CAPA Report 版面,底層共用同一條四段簽核。

2

跟催的單位做到每一條對策、每一批追蹤、每一段簽核,通知寄出時寫得出「你負責的第 2 條對策原訂上週五完成」。

3

效果追蹤由開單者每一案自己選按批或按時間,系統不寫死,避免制度被現場繞過。

4

表單版面對齊現行紙本,8D 維持全英文,讓匯出的 PDF 可以直接交給客戶,稽核時也跟舊檔對得上。

RESULT

成果

1

十個工作天產出 13 個可點擊畫面,需求訪談當天就對著會動的系統逐條談規格。

2

一次 Demo 把四種表單的欄位、簽核關卡與追蹤方式談定,會後直接產出可以開工的實作規格。

3

原型成為報價依據,每一個報價項目都對得到實際畫面。

核心功能

四段簽核

發起簽核、對策回覆簽核、效果追蹤、結案歸檔簽核,每一段各自有簽核人與期限。

來源分流

開單先選來源,不同來源自動換成 CAR、8D 或 CAPA Report 的版面,共用同一條簽核骨架。

條目級逾期跟催

跟催跟到每一條對策、每一批追蹤與每一段簽核,通知寫得出具體是哪一項逾期。

多廠區多標準

八個廠區、十一套標準並行,同一筆紀錄可以掛多個標準標籤,稽核時一次撈出對應證據。

中英雙語表單

版面對齊現行紙本,8D 維持全英文供交付客戶,介面語系與表單語系分開處理。

品質儀表板

跨廠區不良率趨勢、不良態樣 Pareto 與 CAPA 逾期跟催清單集中在一頁。

想做類似的?告訴我們你的情況

看完這個案例有想法了嗎?直接告訴我們你的情況,第一封回信就給你「怎麼做、要多久、大概多少錢」。

返回作品集