系統/平台設計
Blentity Manager.
從 0 到 1 建立 Design System、UI 元件庫與前端協作規範,產品設計師兼任 sub-PM。
專案背景
Blentity 是一款整合 FIDO 無密碼認證、加密隨身碟與檔案加密的硬體安全裝置。Blentity Manager 是其桌面管理軟體,也是該公司第一個由設計 + 前端團隊共同開發的跨平台軟體。
團隊過去以韌體與硬體工程師為主,沒有面向一般消費者的設計經驗。我作為產品設計師,自然也把產品需求分析的工作一起扛了(又一次兼任 PM)。
需求分析
使用者分析
功能規格與流程設計
Design System 建置
Design Token 定義:以 Tailwind UI 為基礎,結合公司品牌規範延伸出 Design System 與 UI 元件庫。用 Design Token 管理色彩變數,透過 Figma 外掛匯出至前端。
元件規範:跟前端工程師一起建立 UI 元件庫,定義每個元件的狀態(focused、disabled、hover 等)跟使用規則。
UI 設計
交付規範
統一命名跟檔案結構規則,產出 UI 頁面狀態、規格文件跟流程文件,讓工程師不用反覆來問。
成果:Blentity 群募達成率 307%。在日本最大 IT 展覽(IT Week 2024)獲得超過 20 家潛在客戶詢問。為該公司建立了軟體開發的設計基礎,可沿用至未來產品。