全端開發技能與專業技術棧：涵蓋 Vue/Nuxt 前端框架、Golang 後端開發、GSAP 創意動畫及 Docker 雲端部署。結合 PM 專案管理與 UI 設計，提供完整的數位解決方案。

SKILLS

VUE · NUXTGOLANG · GINTYPESCRIPT

React · Next.js

GSAP · Three.js · WebGL

Motion · P5.js · D3.js

Express.js · Docker

MySQL · Nginx

Tailwind · Sass · Figma

Git · SEO · Vitest · i18n · Postman

客戶合作流程：五個清晰階段，從需求訪談、規模評估、合作結構到合約簽署與交付維護，提供透明完整的前端接案體驗。

CLIENT ENGAGEMENT FLOW

CLIENTFLOW
01

需求訪談

進行中

02

規模評估

—

03

合作結構

—

04

合約簽署

—

05

交付 & 維護

—

01 / 05

需求訪談

透過深度溝通了解您的業務目標與技術需求， 建立共同的認知基礎。

業務目標定義
技術規格收集
設計方向確認

工作經歷與職涯發展：擔任前端工程師期間歷任多間公司，累積豐富的 Vue、Nuxt、React、Next.js 及全端開發實務經驗。

EXPERIENCES

WORKHISTORY

完整的職涯歷程概覽

  1. 負責品牌網站與活動頁開發，主導多專案 Nuxt4 升級重構，並參與新 SaaS 系統前端架構規劃。

    • ·Lighthouse 效能分數 80+ → 98~100
    • ·主導 3 個專案從 Nuxt3 升級至 Nuxt4（200+ 組件規模）
    • ·開發集團 SSO 登入套件，透過 GitLab Package Registry 供多專案共用
    • Nuxt4
    • Vue3
    • TailwindCSS
    • Docker
    • GitLab CI/CD

精選作品集：涵蓋企業官網、電商平台與互動體驗網站，使用 Vue、Nuxt、React、Next.js 開發，兼顧效能、SEO 與視覺細節。

SELECTED WORKS

WORKSELECTED

精選作品

  1. 01

    台中美術館 官方網站

    2025 · Nuxt3 · Vue3 · GSAP

  2. 02

    藝術銀行 官方網站

    2025 · Nuxt3 · Vue3 · P5.js

  3. 03

    中華航空 會員日

    2025 · Nuxt3 · Vue3 · GSAP

  4. 04

    遠東新世紀 官方網站

    2024 · Nuxt3 · Vue3 · GSAP

  5. 05

    非我設計 Unme Design 官方網站

    2024 · Nuxt3 · Vue3 · GSAP

  6. 06

    勤美術館 官方網站

    2024 · Nuxt3 · Vue3 · GSAP

  7. 07

    勤誠興業 CHENBRO 官方網站

    2024 · Nuxt3 · Vue3 · GSAP

  8. 08

    幫推事務所 VentiVenti 官方網站

    2024 · Nuxt3 · Vue3 · GSAP