About

I studied mechanical engineering, then taught myself design and front-end development. Now I work between design and engineering, and the part I care about most is motion and interaction: how a page moves and responds. I follow Awwwards and studios around the world to keep raising my own bar.

我讀的是機械工程，設計和前端都是自學的。現在我在設計與工程之間工作，最在意的是動態與互動，也就是頁面怎麼動、怎麼回應使用者。我持續關注 Awwwards 和世界各地的工作室，用它們來提高自己的標準。

Approach

I care about how a site feels: timing, weight, the moment a transition lands. My workflow is AI-assisted end to end, which leaves more time for the parts that need taste.

我在意網站的手感：節奏、重量、轉場落下的那一刻。我的工作流程全程使用 AI 輔助，把更多時間留給需要品味判斷的部分。

Experience

ES Design壹慎設計

Front-end / Creative Developer前端／創意開發 · 2022 – now

Brand sites, interactive campaign sites, and the front end of the studio's in-house headless CMS, Dachshund.

品牌網站、互動活動網站，以及公司自家 headless CMS「臘腸狗」的前端。

BlockStudio版塊設計

Front-end Developer前端工程師 · 2021 – 2022

A modern front-end stack (Nuxt, Docker, AWS), component-based team development and version control. Raised the bar on build quality and motion detail.

使用現代前端技術（Nuxt、Docker、AWS），以元件化方式團隊協作並做版本控制，把製作品質和動態細節的標準拉高。

JK2U Digital Marketing吉爾集思數位行銷

Front-end Interaction Designer前端互動設計 · 2020.06 – 2021.05

Web design and build, interactive effects, front-end features and AR. Known in-house for building urgent pages quickly and accurately.

網頁設計與製作、互動效果、前端功能與 AR。在公司內以快速、準確完成急件頁面出名。

JK2U Digital Marketing吉爾集思數位行銷

Visual Designer視覺設計 · 2019.02 – 2020.06

Web design and build, and ad creatives.

網頁設計與製作，以及廣告素材。

Natural n' Vintage

Founding team → Store Manager籌備成員 → 店長 · 2017.09 – 2019.11

Built the shop's first website, my first website ever, and handled print and marketing, product photography and sales. This is where I went from zero to building a full site, and where I developed an eye for design.

做了店裡的第一個網站，也是我的第一個網站，同時負責印刷品與行銷、商品攝影和銷售。我在這裡從零開始做出完整的網站，也培養出對設計的眼光。

Education

National United University國立聯合大學

B.S., Mechanical Engineering機械工程學系

National Taichung Industrial High School國立台中高工

Drafting製圖科

Skills

Motion & 3D

GSAP, ScrollTrigger, three.js, GLSL, Rive, matter-js, Paper.js, D3.js, Panolens (360°), Spark AR

Front-end

Nuxt, Vue, TypeScript, Lenis / Locomotive Scroll

Back-end & ops

Headless WordPress, Go, MongoDB, Docker, nginx

Design

Figma, Illustrator, Photoshop, Blender, SketchUp, SolidWorks