經歷
2023/09 - 2025/12
財團法人人工智慧科技基金會前端工程師
從 UI/UX 設計到前端開發，涵蓋客製系統、AI 應用與行銷／展場視覺支援。
展開：財團法人人工智慧科技基金會 前端工程師
負責內容
- 完整開發實踐：獨自負責從介面 UI/UX 設計到前端程式開發，確保服務從概念到上線的一致性與品質。
- 獨立開發客製化系統：針對外部合作需求，從 0 開始搭建客製化網站與後台管理系統，處理複雜的功能邏輯。
- AI 應用介面與前端實作：執行 AI 應用之 UI 設計、前端開發與技術維護，確保 AI 功能轉化為順暢的操作體驗。
- 跨媒介設計支援：實際產出行銷廣宣與實體展場視覺，解決多樣化的視覺設計需求。
- 技術經驗傳承與把關：透過技術分享與 Code Review，協助資淺同仁解決開發難題，並共同維持專案進度。
成果
2025 台灣產業 AI 化大調查暨 AI 落地指引- 垂直整合產出：一手包辦網站 UI/UX 介面設計、前端原型開發，並負責實體報告之排版與視覺設計。
- 設計與技術高度整合：確保數位網頁與平面出版品在內容與品牌視覺上的一致性。
2023 台灣產業 AI 化大調查問卷調查系統- 技術選型與架構規劃：考量系統負載與開發效率，全權負責技術選型（Astro + Vue），並規劃模組化開發架構。
- 跨團隊技術協作：主導前端開發，並協助後端人員定義 API 資料格式與連動邏輯，確保問卷資料採集的準確性。
財團法人人工智慧科技基金會官網、科科生醫形象官網- 現代化架構開發：採用 Astro 建構易維護的前端架構，有效提升開發效能。
- 效能與搜尋引擎優化：針對 SEO 進行程式碼語義化優化，並精細調校動態效果與渲染效能，平衡視覺美感與載入速度。
- 國際化支援：主責實作 i18n 多語系管理機制，支撐品牌國際化佈局。
2021/08 - 2022/12
活力台灣科技股份有限公司資深前端工程師
負責電商與管理系統前端、API 串接，並與設計及 PM 協作介面流程。
展開：活力台灣科技股份有限公司 資深前端工程師
負責內容
- 多維度前端開發實踐：獨自負責各規模電子商務及管理系統之全站前端開發，處理複雜的購物流程與後台資料邏輯，具備從無到有的完整產品開發經驗。
- 前後端分離架構實作：負責 API 深度串接與應用架構設計，實踐完全前後端分離架構，確保前端邏輯的獨立性、可擴展性與後續維護性。
- 介面設計與互動優化：統籌系統前端視覺呈現與高效能互動功能開發，在複雜資訊量與使用者體驗之間取得平衡，提升操作流暢度。
- 跨職能產品技術顧問：與 UI 設計師及 PM 協作，針對操作流程與使用者體驗提供具體技術實作方案，確保產品設計的技術可行性。
- 系統介面與 API 規格定義：與後端工程師深度協作，共同規劃 API 規格與資料結構，優化資料交換效率與前端渲染效能。
成果
Join 揪癮客商城 結束營運- 全站架構建構：獨自負責前、後台前端開發，並規劃模組化元件架構，確保平台在快速迭代下的程式複用性與維護性。
- 交易與安全整合：完整串接綠界金流 (ECPay）API、第三方登入（Google/Facebook）及各類外部 API，確保支付流程的穩定性與資料傳輸安全。
- 商務價值優化：針對電商核心需求進行 SEO 結構化標記優化，提升商品搜尋曝光率；並負責後台管理介面設計，大幅優化營運端的操作效率。
IAL國際藝術家聯盟 結束營運- 獨立端到端開發：從無到有一手包辦前、後台前端實作，建立清晰的模組化開發規範，提升系統的擴充性。
- 功能與流程整合：獨立完成後台管理系統介面設計，並整合綠界支付模組，打造從商品展示、訂單管理到金流結算的一站式平台。
2019/04 - 2020/07
愛親資訊有限公司前端設計工程師
串接品牌視覺與 Web 產品規劃，負責系統 UI/UX、前端實作及 API 協作。
展開：愛親資訊有限公司 前端設計工程師
負責內容
- 品牌視覺規範與維護：全權負責公司品牌視覺識別系統規劃與執行，統籌從平面視覺、海報、通路行銷物到數位媒體的視覺一致性，建立嚴謹的品牌設計準則。
- Web 產品定義與專案統籌：擔任 Web 產品開發核心負責人，負責從需求分析、產品規劃到技術實作的全流程管理，確保專案時程與產出符合商業目標。
- 跨領域系統整合：將品牌視覺延伸至數位產品開發，獨自負責系統 UI/UX 設計與前端實作，確保操作邏輯直覺且符合使用者需求，達成設計與技術的深度整合。
- 前端互動架構開發：負責前端互動功能撰寫與 API 深度串接，實作具備高度動態效果與數據連動性的資訊介面，提升網站的視覺張力與使用者流暢度。
成果
愛親醫療服務管理平台 結束營運、醫療用品採購服務系統 結束營運、醫療輔具處方評估暨出院用品採購系統 結束營運- 產品定義與策略導向：主導產品需求釐清，在複雜的業務邏輯中定義核心產品方向與開發目標，確保系統精準符合醫療產業工作流。
- 高複雜度系統架構設計：一手包辦前、後台系統介面設計，並獨立建構模組化前端架構，有效解決高頻次採購與評估流程中的資料連動難題。
- 跨領域技術整合：主導前端實作，並從前端視角反向協助後端規劃 API 規格與資料結構，大幅優化系統效能與跨團隊開發效率。
- 核心價值：成功將繁瑣的線下醫療評估與採購流程數位轉型，打造具備高度可用性與邏輯一致性的醫療管理解決方案。
2017/09 - 2018/10
星火數位科技有限公司視覺設計師
跨多媒體品牌視覺、網頁 UI／互動實作與 App UI 設計。
展開：星火數位科技有限公司 視覺設計師
負責內容
- 多媒體視覺架構與素材開發：負責影片剪輯所需的動態視覺元件製作，並針對社群平台與廣告投放，規劃具備高點擊率的視覺設計與圖文素材。
- 企業識別系統統籌：獨立執行 CIS 規範制定與設計應用，建立具品牌一致性的視覺語言，確保品牌價值在各接觸點精準傳達。
- 網頁介面開發與動態互動實作：負責網頁產品從 UI 設計、HTML/CSS 切版到前端動態效果撰寫，將靜態設計稿轉化為流暢的互動式數位體驗，確保設計與開發的完美銜接。
- 行動裝置 App 介面規劃：獨立進行 App UI 設計，針對行動裝置的操作慣性與使用者行為進行介面優化與佈局規劃。
成果
iFun Games 遊戲平台 結束營運- 跨領域產品整合實作：獨立包辦遊戲平台之系統介面設計與切版，精準掌控視覺細節，確保產品最終呈現高度還原設計原稿。
- 技術架構規劃：自主規劃前端模組化開發架構，考量平台功能的長遠擴充性，有效提升元件複用率與跨專案開發效率。
2016/07 - 2017/07
日商點子膠囊股份有限公司台灣分公司視覺設計師
涵蓋社群與活動視覺、企業識別及行銷設計，也參與 IP 專案執行。
展開：日商點子膠囊股份有限公司台灣分公司 視覺設計師
負責內容
- 全方位品牌視覺管理：統籌 YouTube、Facebook 到直播活動等數位視覺規範，確保品牌在多社群平台上的識別度與一致性。
- 商業行銷設計與轉化：負責高點擊率的廣告圖文與宣傳素材設計，將視覺美學轉化為具備商業轉換力的數位資產，提升行銷導流成效。
- 企業識別系統制定：主導企業 CIS 規範之制定與應用，定義品牌視覺標準並延伸至實體週邊、活動文宣及公關展場設計。
- 跨媒體設計執行能力：具備從數位網頁素材到實體海報、展場佈置的跨媒介產出能力，靈活應對多樣化的公關與行銷需求，確保視覺品質與品牌調性統一。
- 設計品質控管與團隊指導：負責資淺設計師之產出審核與技術輔導，優化設計流程並確保專案在快節奏環境下如期交付。
成果
知名創作者與大型 IP 專案執行- 三原慧悟（人氣 YouTuber）：統籌品牌周邊商品開發與設計（T-Shirt、護腕、束口袋等），將 IP 特色轉化為具商業價值的實體產品。
- 《刀劍神域 - 記憶重組》特別展（安利美特台北總店）：獨自負責全展場視覺佈置、限量周邊及行銷文宣設計。在日方嚴謹的品牌準則要求下，確保跨媒介視覺產出的高品質與一致性。
- 《闇影詩章》繁中版上市記者會（三創電競館）：獨自統籌記者會現場大型視覺呈現、周邊贈品及全套公關文宣設計。負責從設計稿到實體輸出之全流程監製，確保品牌視覺呈現的專業度與衝擊力。
2014/08 - 2015/09
達觀國際股份有限公司商業設計師
從 CIS、商品包裝到大型出版物編輯，並支援跨境產品與通路行銷視覺。
展開：達觀國際股份有限公司 商業設計師
負責內容
- 品牌識別系統與平面視覺開發：主導公司整體 CIS 規範之定義與設計，並統籌各類平面文宣、通路行銷物之視覺呈現，確保品牌形象在跨媒體間的高度一致性與識別度。
- 商品包裝策略與設計實務：從產品核心價值出發，負責包裝設計之創意發想、視覺結構規劃與發包實作，將商業目標轉化為具吸引力的產品外觀，並確保量產產出的品質與完整度。
- 大型出版物圖文視覺統籌：負責期刊與書籍的編輯規劃，主導複雜圖文資訊的排版邏輯與視覺流暢度，確保長篇內容的易讀性、質感與閱讀體驗。
成果
- 跨境市場產品視覺開發：負責中國大陸市場之產品包裝與系列化開發。針對異地市場偏好與在地法規要求，精準制定產品視覺策略，確保品牌在跨境銷售中的合規性與市場競爭力。
- 全方位行銷設計支援：主導各類通路輔助銷售物之規劃與製作，透過設計解決方案強化產品在零售終端的陳列競爭力，有效提升消費者購買動機。
2012/05 - 2014/08
王碁企業有限公司美術編輯
負責品牌識別、商品包裝與陳列，並涵蓋電商視覺及網站 UI 設計。
展開：王碁企業有限公司 美術編輯
負責內容
- 跨媒介品牌形象建構：主導公司整體 CIS 規範設計，並將視覺語彙延伸至平面文宣與通路宣傳物，確保品牌在多樣媒介下具備高度識別度。
- 產品包裝與商品化策略：負責商品包裝之核心理念發想與實作，將品牌調性轉化為具備市場吸引力的實體包裝，提升產品在貨架上的視覺競爭力。
- 實體場景與陳列規劃：負責門市商品陳列與空間視覺佈置設計，創造具備沉浸感的線下品牌體驗，優化顧客在實體空間的感受。
- 數位通路視覺營運：負責電商平台產品圖編修與上架管理，並針對 FB 社群進行視覺圖文開發，優化數位通路的產品轉換率。
- Web 介面設計與優化：執行網站前端頁面 UI 設計，確保數位介面在符合視覺美感的同時，兼顧網頁瀏覽的易讀性與使用者體驗。
成果
- 國際品牌展覽視覺執行：負責 2013 台北國際電玩展（TGS）Sony PlayStation 攤位之全系列宣傳品設計。在國際大廠嚴謹的品牌規範下，確保大型展會視覺產出的專業度與視覺衝擊力。
- 自製產品系列化設計：全權負責公司自製產品之包裝與視覺語彙開發，將產品特性轉化為具備市場競爭力的商業包裝解決方案，建立具品牌一致性的產品系列視覺。
2011/04 - 2012/05
漢湘文化事業股份公司責任編輯
負責書籍編製、版型與封面視覺設計，以及通路行銷文案。
展開：漢湘文化事業股份公司 責任編輯
負責內容
- 出版產品執行：負責完整的書籍編製實務與品質管控。
- 高複雜度資訊排版與版面設計：負責書籍內文版型設計與實務排版，具備處理海量文字與複雜資訊層級的嚴謹邏輯，確保內容結構清晰且具備閱讀質感。
- 商業視覺創意與行銷文案撰寫：執行書籍封面創意發想與視覺設計，並撰寫具備市場渲染力的行銷文案，達成視覺與文字的深度整合，提升書籍在通路的吸睛度。
- 出版專案時程管理：負責編製到產出的實務流程，確保多項專案在嚴格的出版時程下精準交付。
成果
- 跨職能整合與流程優化：發揮文案編輯與視覺設計之雙重專業，有效降低跨部門溝通成本，並透過作業流程優化，將出版製作產能提升至原有的兩倍。
- 營運與開發成本控管：憑藉一人多工的全流程執行能力，大幅縮短專案週期，為公司有效節省人力配置與時間開發成本，達成高效能營運目標。
2009/10 - 2011/03
博碩文化股份有限公司責任編輯
負責出版選題、封面與內文版型、書籍編製及通路行銷文案。
展開：博碩文化股份有限公司 責任編輯
負責內容
- 出版產品與選題策略：主從商業視角進行選題評估與市場切入點分析，精準掌握讀者需求與市場趨勢。,
- 視覺傳達與版型結構設計：負責封面視覺發想及內文版型設計，精準掌控圖文資訊層級，確保產品具備高度可閱讀性與市場視覺吸引力。
- 端到端專案編製實務：獨立掌控書籍從原稿、編輯、設計到印刷產出的完整生命週期，確保在嚴謹的出版截稿壓力下，達成高品質的專案交付。
- 行銷溝通與文案轉化：負責通路行銷文案撰寫，將產品特色轉化為具備商業說服力的溝通語言，提升書籍在終端通路（如誠品、博客來）的曝光效果與轉單率。
成果
主責《跟國際級大師學CG電繪：Photoshop＆Painter 數位插圖繪製技法》一書的編制，最終銷量突破 10,000 本銷售。