About
Abel Liu / 劉孟穎
從廣告代理商一路走到數位產品，擅長把抽象需求收斂成能落地的設計系統。
從 0 到 1 建立跨 Desktop／App 的平台設計系統，帶領過品牌視覺與 UI/UX 團隊。近年以過去前端實務經驗（HTML/CSS/RWD），使用AI 建立 code-first 設計流程，大幅降低設計與前端的溝通成本。
我相信設計的最大價值，是在有限資源下解決真問題、把溝通成效最大化；因此我保持開放，隨團隊現況動態調整決策，讓專案順利推進。
{
合作夥伴
}
.
Skill & Tools
UI/UX
- Figma MCP - Claude Code - Codex - Draw.io - Figma - Sketch - Notion - Zeplin
UI/UX
- Figma MCP - Claude Code - Codex - Draw.io - Figma - Sketch - Notion - Zeplin
UI/UX
Draw.io / Figma / Sketch / Balsamiq / Notion / Zeplin / Marvel Prototyping
Design
-Photoshop -Illustrator -Lightroom -Premiere Pro -After Effects
Design
-Photoshop -Illustrator -Lightroom -Premiere Pro -After Effects
Design
Photoshop / Illustrator / Lightroom / Premiere Pro / After Effects
F2E
- HTML 5 / CSS 3 / Javascript - Wordpress - Visual Studio Code - Framer - SourceTree - Github
F2E
- HTML 5 / CSS 3 / Javascript - Wordpress - Visual Studio Code - Framer - SourceTree - Github
F2E
HTML 5 / CSS 3 / Javascript / Wordpress / Visual Studio Code / Framer / SourceTree / Github
Experience
{
資深 UI/UX 設計師
}
.
夕煇有限公司
九月 2025 - 七月 2026
❖
交易所平台設計系統（0→1）：
主導交易所 Design Token 與設計文件從零彙整、與前端對接設計系統規格（同事協力）；每週與 PM／前端同步進度，導入 Figma 插件優化產出流程，預估為新版面產出省下 1~2 週工時。
❖
遊戲平台 UI 設計：
與 PM 協作交付遊戲平台核心頁面（遊戲畫面、遊戲大廳、個人帳戶、錢包等）設計並持續迭代優化體驗；開案階段提出兩種風格提案、快速收斂客戶方向。
❖
導入 AI 輔助設計工作流：
以前端切版經驗建立 code-first 設計流程，將 Figma 設計轉譯為 .MD 與 AI 文件同步、以 vibe design 產出可交付的前端 prototype、大幅降低與前端的溝通成本；並評估 AI agent（Claude／Codex／Kiro）與設計工具（Figma Make／Pencil）的實務落地程度。
❖
主動精進產品管理知識：
學習 PRD 撰寫與專案管理，強化設計與產品開發的銜接。
{
資深 UI/UX 設計師
}
.
夕煇有限公司
九月 2025 - 七月 2026
❖
交易所平台設計系統（0→1）：
主導交易所 Design Token 與設計文件從零彙整、與前端對接設計系統規格（同事協力）；每週與 PM／前端同步進度，導入 Figma 插件優化產出流程，預估為新版面產出省下 1~2 週工時。
❖
遊戲平台 UI 設計：
與 PM 協作交付遊戲平台核心頁面（遊戲畫面、遊戲大廳、個人帳戶、錢包等）設計並持續迭代優化體驗；開案階段提出兩種風格提案、快速收斂客戶方向。
❖
導入 AI 輔助設計工作流：
以前端切版經驗建立 code-first 設計流程，將 Figma 設計轉譯為 .MD 與 AI 文件同步、以 vibe design 產出可交付的前端 prototype、大幅降低與前端的溝通成本；並評估 AI agent（Claude／Codex／Kiro）與設計工具（Figma Make／Pencil）的實務落地程度。
❖
主動精進產品管理知識：
學習 PRD 撰寫與專案管理，強化設計與產品開發的銜接。
{
產品設計師
}
.
自由接案
七月 2023 - 九月 2025
❖
成為兩個產品的長期合作夥伴（各約一年），穩定結案並持續迭代優化：
影像媒合平台：整合原本零散、缺規範的設計資源，重新規劃 Design Guideline 並創建 Design Token，改善開發溝通與後續設計交接維護；持續協助多項功能模組的 UX 發想與優化。
淨水品牌 odoo 電商官網：與開發團隊在 odoo 系統限制下客製化品牌樣式，定義使用情境與用戶旅程、歸納業者痛點提出設計策略，於半年內完成交付。
❖
持續進修：
參與為期近半年的 UX 實戰營，在講師指導下運用設計方法釐清商業需求、透過用戶訪談提出洞見與方案，實際解決合作企業痛點並完成提案。
{
產品設計師
}
.
自由接案
七月 2023 - 九月 2025
❖
成為兩個產品的長期合作夥伴（各約一年），穩定結案並持續迭代優化：
影像媒合平台：整合原本零散、缺規範的設計資源，重新規劃 Design Guideline 並創建 Design Token，改善開發溝通與後續設計交接維護；持續協助多項功能模組的 UX 發想與優化。
淨水品牌 odoo 電商官網：與開發團隊在 odoo 系統限制下客製化品牌樣式，定義使用情境與用戶旅程、歸納業者痛點提出設計策略，於半年內完成交付。
❖
持續進修：
參與為期近半年的 UX 實戰營，在講師指導下運用設計方法釐清商業需求、透過用戶訪談提出洞見與方案，實際解決合作企業痛點並完成提案。
{
設計副理
}
.
ACE王牌數位資產管理集團 ACE Crypto Assets Management Group
五月 2019 - 六月 2023
❖
打造設計團隊並與其同步成長：
拆分並同時管理品牌視覺設計、UI&UX 兩個團隊。帶領設計部門依照公司的品牌策略及銷售目的，執行相關設計製作，並監督創作品質及內容符合公司目標。
指導組員學習在各部門間有效溝通，並定期 1 on 1 傾聽及排解疑難雜症。
觀察組員的特性及專長，分配適合的工作項目，並給予發揮及進步的空間。
導入增加工作效率的設計資源（Sketch／Zeplin／Figma／Adobe Creative／Freepik…等）。
❖
UI/UX 全面翻新 & 優化工作流程：
橫跨 Desktop Web、App 雙平台（Android／iOS），重新設計全站視覺元素及排版。並制定平台設計規範（typography／color／components…等），確保技術部門開發流程資訊統一。
帶領團隊整合全平台 ui-flow，繪製成文件並歸檔；把關同時進行的新／舊專案，確保團隊的設計方向與邏輯一致。
使用競品分析及桌面調查跨部門釐清需求，建立易用性測試制度，有效解決各關係人間的認知差異。
於跨部門間成功推動提案會議、kickoff 會議、wireframe、prototype 提案、GA 數據追蹤、QA review…等，有效減少溝通成本。
❖
品牌視覺管理 & 系統化：
密切與公司對內跨部門及對外跨單位合作，包括 PM、行銷、人資、客服等部門；印刷廠、展場設計…等外部單位。
帶領團隊分析、整合集團設計視覺元素並重新打造品牌 CIS 規範。
將新版設計規範編輯成冊供全體同仁內外使用，同時進行品質的把關。
帶領團隊整理週期性及常用設計素材，模組化後定期協同相關部門維護。極大增加執行效率及減少組員的日常負擔。
獨立 Design & Coding 20+ 活動 landingpage，並進一步將其模組化提供組員輕鬆產生新站。
{
設計副理
}
.
ACE王牌數位資產管理集團 ACE Crypto Assets Management Group
五月 2019 - 六月 2023
❖
打造設計團隊並與其同步成長：
拆分並同時管理品牌視覺設計、UI&UX 兩個團隊。帶領設計部門依照公司的品牌策略及銷售目的，執行相關設計製作，並監督創作品質及內容符合公司目標。
指導組員學習在各部門間有效溝通，並定期 1 on 1 傾聽及排解疑難雜症。
觀察組員的特性及專長，分配適合的工作項目，並給予發揮及進步的空間。
導入增加工作效率的設計資源（Sketch／Zeplin／Figma／Adobe Creative／Freepik…等）。
❖
UI/UX 全面翻新 & 優化工作流程：
橫跨 Desktop Web、App 雙平台（Android／iOS），重新設計全站視覺元素及排版。並制定平台設計規範（typography／color／components…等），確保技術部門開發流程資訊統一。
帶領團隊整合全平台 ui-flow，繪製成文件並歸檔；把關同時進行的新／舊專案，確保團隊的設計方向與邏輯一致。
使用競品分析及桌面調查跨部門釐清需求，建立易用性測試制度，有效解決各關係人間的認知差異。
於跨部門間成功推動提案會議、kickoff 會議、wireframe、prototype 提案、GA 數據追蹤、QA review…等，有效減少溝通成本。
❖
品牌視覺管理 & 系統化：
密切與公司對內跨部門及對外跨單位合作，包括 PM、行銷、人資、客服等部門；印刷廠、展場設計…等外部單位。
帶領團隊分析、整合集團設計視覺元素並重新打造品牌 CIS 規範。
將新版設計規範編輯成冊供全體同仁內外使用，同時進行品質的把關。
帶領團隊整理週期性及常用設計素材，模組化後定期協同相關部門維護。極大增加執行效率及減少組員的日常負擔。
獨立 Design & Coding 20+ 活動 landingpage，並進一步將其模組化提供組員輕鬆產生新站。
{
資深設計師
}
.
oBike Inc. 台灣奧致網絡科技有限公司
六月 2017 - 三月 2018
❖
協同公司跨國總部定義品牌設計標準。
❖
建立本地化設計元素並持續優化。
❖
協助各部門線上及線下活動設計（平面/DM/展場/廣告素材）。
❖
APP 設計review及問題回報。
{
資深設計師
}
.
oBike Inc. 台灣奧致網絡科技有限公司
六月 2017 - 三月 2018
❖
協同公司跨國總部定義品牌設計標準。
❖
建立本地化設計元素並持續優化。
❖
協助各部門線上及線下活動設計（平面/DM/展場/廣告素材）。
❖
APP 設計review及問題回報。
{
網頁設計師
}
.
行動拍拍賣公司 （茂為歐買尬數位科技股份有限公司子公司）
四月 2016 - 六月 2017
❖
協同前端工程師規劃活動網頁模版並持續優化。
❖
與APP設計師同步Design system並規劃平台Desktop Web專用文件。
❖
行銷活動網頁設計 (RWD)、製作行銷廣告素材與周邊印刷物。
{
網頁設計師
}
.
行動拍拍賣公司 （茂為歐買尬數位科技股份有限公司子公司）
四月 2016 - 六月 2017
❖
協同前端工程師規劃活動網頁模版並持續優化。
❖
與APP設計師同步Design system並規劃平台Desktop Web專用文件。
❖
行銷活動網頁設計 (RWD)、製作行銷廣告素材與周邊印刷物。
{
副藝術指導 / 前端設計師
}
.
法樂設計有限公司
十一月 2011 - 八月 2015 / 三月 2018 - 五月 2019
❖
從業期間服務過20家以上品牌、30件以上專案：
廣告及活動創意發想並於內部及客戶提案。
活動網頁、官方網站UI設計並於開發至上線期間進行畫面、功能、動態效果QA，並給予建議。
Flash動態banner素材製作，在極為有限的流量及檔案大小內做出最佳的廣告效果。
品牌CRM App平台UI設計及維護，並持續新增5+項功能。
給予後輩對於設計/提案等技術及經驗的傳承。
❖
獨立完成設計與前端開發：
開發 20+ 項活動網站與電子報，並將前端／RWD 開發思維簡化、傳承給新進設計師。
{
副藝術指導 / 前端設計師
}
.
法樂設計有限公司
十一月 2011 - 八月 2015 / 三月 2018 - 五月 2019
❖
從業期間服務過20家以上品牌、30件以上專案：
廣告及活動創意發想並於內部及客戶提案。
活動網頁、官方網站UI設計並於開發至上線期間進行畫面、功能、動態效果QA，並給予建議。
Flash動態banner素材製作，在極為有限的流量及檔案大小內做出最佳的廣告效果。
品牌CRM App平台UI設計及維護，並持續新增5+項功能。
給予後輩對於設計/提案等技術及經驗的傳承。
❖
獨立完成設計與前端開發：
開發 20+ 項活動網站與電子報，並將前端／RWD 開發思維簡化、傳承給新進設計師。