精選案例
四個專案，每一個都寫了當時的限制與取捨
我做的事
十三年，四個上線平台
撐得住工程端檢驗的產品設計 —— 從研究、介面、設計系統，一路做到真的上線的那份程式碼。
- 產品設計
- 設計系統
- 智慧家庭與 IoT
- 網頁與 App
- 使用者研究
- 原型製作
- 設計轉程式
- AI 工作流
- 動態設計
- 視覺識別
這些東西實際上怎麼做出來
五個步驟，中間沒有交接
01想法先把需求問到有形狀：誰在用、卡在哪、做完長什麼樣。這一步做不好，後面每一步都在做錯的東西。
02Figma元件、變體、token 一次建好。這裡不是在畫圖，是把規則寫下來，讓後面每個畫面自動對齊。
03Claude CodeClaude Code 直接讀設計檔，把元件寫成程式碼。不用交接文件，也不用來回確認間距。
04視覺校對自動截圖，跟設計稿逐輪比對。差多少改多少，直到兩邊看起來是同一個東西。
05上線部署，然後把上線後的實際結果同步回 Figma。設計檔跟線上的東西永遠是同一份。
我跟別人不一樣的地方
我是從平面設計和攝影走到產品設計的，大概也因為這樣，我在意「這個東西讀起來對不對」的程度，跟在意「它能不能用」差不多。做了十三年，大部分工作其實是同一件事換不同衣服：把一團還沒有形狀的需求，變成使用者看得懂、工程做得出來的介面。
近期主力是 D-Link 的智慧家庭與 IoT 產品、一套跑在四個上線產品上的設計系統，以及一條我自己用的 AI 流程 —— 從 Figma 直接做到上線，中間不用交接。再之前是 Armorize Technologies。
- 設計年資
- 13+
- UI 錯誤率降低
- −70%
- 產品能見度提升
- +50%
- AI 讓交付變快
- +30%
他們怎麼說
來自 LinkedIn
以前一起工作過的人怎麼說我 —— 原文是英文，這裡是中文翻譯。
Joe 是個很棒的設計師，人也很好。
我很榮幸跟 Joe 共事了將近四年。他專業、努力，能力也很強。整段共事的期間他一直在精進技術、發展自己的風格，而這些都反映在他作品的品質上。
Joe 準時交件、產出穩定，任何團隊或專案有他都是件愉快的事。
我很樂意推薦 Joe Chen。他是一位有熱情、專業又努力的設計師，能精準地把產品負責人腦中的想像變成具體的畫面。在步調很快的產業裡待了好幾年，Joe 一直證明他有能力穩穩接下有挑戰的任務，並且持續交出高品質的成果。他隨和的個性也讓團隊的節奏很平衡。跟 Joe 合作很愉快，期待未來還有機會一起工作。
2007 到 2010 年，我在 Armorize Technologies 負責所有網站內容、企業行銷素材與產品文件，這段期間跟 Joe Chen 密切合作。
Joe 當時是資深視覺設計師，也是行銷團隊的核心成員。他的平面設計功力、對細節的講究，以及願意投入長時間把成果做到最好的態度，是公司的銷售與行銷素材能建立起來的關鍵。
Joe 是個非常好的團隊夥伴。我很樂意有機會再跟他共事，也會毫不猶豫地把他推薦給未來的雇主。
Joe 是一位有天分、自我驅動、注重細節的 GUI 視覺設計師，會用上手邊所有的技術與溝通能力把每天的工作完成。他能力多元，工作時又非常專注。跟 Joe 共事非常愉快，他的誠懇與善意同樣讓人印象深刻。
