白白 Rbai｜Engineer × Project Manager × AI Workflow

About Me

設計出身的工程師

擁有 6+ 年工程師經驗與數位媒體設計背景，從視覺設計一路走進程式的世界。設計訓練讓我對 UI/UX 與畫面細節格外敏銳，工程實務則讓我能把好的體驗真正落地。

我專注於 SEO 與 Web Performance，也持續探索 AI Workflow——把 AI 深度整合進日常開發流程，從架構規劃、程式重構到自動化 Code Review，讓開發效率與品質同步提升。

同時，我考取 PMP 國際專案管理師認證，將專案生命週期管理與 Agile 敏捷思維帶入日常工作——把大型改版需求拆解為可執行的工作包，在跨部門協作中扮演技術與業務之間的溝通橋樑，並主導建立多項自動化品質檢測機制，讓交付品質不再依賴個人經驗。

6+ Years
Design Background
AI First Development
PMP Certified

Personality

我是怎樣的人

Problem Solver

喜歡拆解問題並找到最佳解。

Continuous Learner

持續研究 AI 與新技術。

Detail-oriented

重視細節與一致性。

Team Player

喜歡跨部門合作。

Growth Mindset

每天持續進步。

Creative Thinker

兼具設計與工程思維。

Skills

專業技能

Frontend

HTML
CSS
SCSS
JavaScript
TypeScript
Vue

Backend

PHP
Laravel
CodeIgniter

UI Design

Figma
Photoshop
Illustrator

AI Workflow

Claude Code
Codex
Antigravity

SEO & Performance

Lighthouse
Core Web Vitals
Accessibility

Project Management

PMP
WBS 拆解
Agile（Scrum/Kanban）
風險評估
品質管理

Experience

工作經歷與成果

0

Years Experience

0

PageSpeed Insights

0

Accessibility Mindset

工程師

2020 — 現在

網際網路科技公司｜新竹

前端架構設計與核心商務模組開發，主導全通路電子票務系統從 0 到 1 建置
完成 30+ 客製活動頁，支援 2 個以上大型專案的前後台開發
網站效能調校（Core Web Vitals），PageSpeed Insights 一路由 43 分躍升至平均 96 分
導入無障礙網頁規範，帶領團隊取得多項國家級無障礙 AA 級標章認證

平面設計／美編

2017 — 2019

印刷產業門市｜台中

校園書刊排版輸出、活動海報與文宣美編設計、客戶溝通協調

電腦繪圖人員

2016

多媒體傳播公司｜新竹

軟體介面 UI 設計、幼教軟體插畫、遊戲美術與企劃

01

兔子不吃紅蘿蔔｜主題餐廳網站

2019/10 – 2019/12

資策會「Web/App 前端設計工程師養成班」結訓專案，從視覺設計到網頁切版全部獨立完成；除授權商業素材外，網站 LOGO 也親自以 Illustrator 設計。開發上特別著重 HTML 結構的語意清晰度，替 SEO 打好基礎，CSS 完全不依賴框架，純手刻撰寫版型並規劃詳細的響應式斷點，搭配多組 CSS 動畫豐富互動細節。最終獲得「最佳網站」「最佳視覺設計」與「努力學習獎」三項殊榮，也是我從設計轉職前端的起點。

Photoshop（Wireframe）
Illustrator（LOGO 設計）
HTML5（語意化標籤）
CSS3（RWD、動畫）
JavaScript

02

售票平台｜全通路電子票務系統

2020/1 – 至今

本系統為公司旗下全通路電子票務系統，服務博物館等大型場館，挑戰在於單一系統需服務多種場館型態，商品邏輯與購票流程差異大。負責前端介面從 0 到 1 的規劃與開發，並持續與跨部門確認需求範疇；依流量資料確立「行動優先」的設計決策，並手刻 SCSS 建立全站 Design System 降低跨頁溝通成本；同時導入 Google Tag Manager（GTM）與網頁結構化資料，強化搜尋引擎可讀性與行銷追蹤完整度。全站 SEO 與效能調校更讓 PageSpeed Insights 一路由 43 分躍升至平均 96 分，系統持續穩定營運超過 6 年。

Vue 3
Google Tag Manager
Structured Data（JSON-LD）
RESTful API
Core Web Vitals

03

無障礙網頁設計與建置

2022、2025

依 WCAG 2.1 規範規劃色彩對比、導盲磚與 Accesskey 快速鍵，搭配 ARIA 屬性與鍵盤操作邏輯開發。挑戰在於無障礙規範常與視覺設計需求衝突，因此在專案初期即規劃符合規範的色票與元件方案，從源頭降低對比度不達標的風險，並主動提出多套兼顧美觀與合規性的介面選項供團隊決策；開發過程持續以 FreeGo 等工具反覆驗證，而非等到驗收前才檢查。最終取得 2 項國家級無障礙網頁 AA 級標章認證，色彩對比達 4.56:1；同時把整套流程整理成無障礙開發規範，成為團隊共同依循的標準。

WCAG 2.1
ARIA
Accesskey
Keyboard Navigation
FreeGo

04

多租戶電商票券平台

2020/1 – 至今

以 Multi-Tenant 架構在單一程式碼庫上運行 80+ 品牌通路，支援繁中／英／日／韓多語系，採 CodeIgniter 3 搭配 Smarty 樣板引擎與 MVC 架構開發，前端以 SCSS 撰寫並透過 Webpack 打包管理；同時開發 PHP 後台，供營運團隊即時調整 UI/UX 開關與行銷文字上下架。重構既有 API 欄位與購物流程，減少 3 次以上伺服器請求，並建立通路設定層疊架構，加速新品牌上線。