New Taipei City, Taiwan
<個人作品網站>
http://kymweb.design/
<Github>
https://github.com/kymmax
<前端技能>
- 串接 API 資料經驗
- 熟悉 HTML5, CSS, Javascript 完成 RWD 頁面製作
- 熟悉 SCSS / SASS Preprocessor 快速生成樣式
- 使用 Bootstrap library 經驗
- 使用 Building tools: Gulp / Webpack / Vite 經驗
- 具 React 框架、狀態管理等經驗 (CRA, Router, Redux, Hooks, props)
- 版本控制使用: Github / Bitbucket / Sourcetree
- 了解 PHP 基礎語法與應用
- 熟悉 THREE.js (WebGL) 3D 空間場景 / 動態 / 簡易碰撞 / 粒子系統 / 模型引入等
- 使用 GSAP / Framer motion 動態效果經驗
<前端經驗>
- 品牌官網維護與開發
- 多樣動態、遊戲互動、活動、資料表單頁面需求製作
- 使用 THREE.js 建置 3D 可互動、沉境式、線上展覽網站
- 線上商城、購物車開發經驗
- 建立專案公版架構,可維護重覆利用,提升開發效率
- 優化網站速度、改善 SEO
- GA4 事件追蹤設定
- App Webview 協作經驗
- 與 客戶 / 企劃 / 設計 / 後端 等,多方合作與討論經驗
- 確認專案內容與安排時程,並分配負責項目與前端同事協作
- 新技術研究,與導入應用評估
- 前後台 API 文件資料規格串接討論
<輔助技能>
- Photoshop / Illustrator / Figma (切版、修改、編輯)
<其他技能>
- Spark AR Instagram & Facebook 濾鏡製作 (品牌活動)
- 使用 Notion 建立公司專案與人員管理
<Side Project>
- flashCSS ( 插件:快速生成 CSS 樣式 ) ( https://github.com/kymmax/flashCSS )
- Particle Jockey (網站:音樂圖片創作互動) ( https://www.fla-g.com/ParticleJockey/ )
- Luma AI 3D 測試:3D影像生成運用 ( https://github.com/kymmax/react-three-fiber-luma )
<品牌經驗>
現代汽車 / 理膚寶水 / 國家地理頻道 / 克蘭詩 / Line Pay / 和泰集團 / 乾麵王 / 薇姿 / 能恩水解 /
三菱汽車 / 悠遊付 / 遠傳 / Kipling / SYM / Lexus
<得獎網站>
SYM
[2020] 線上車展 http://event.fla.com.tw/personal/jason/sym/dist/
* 金手指(2021) - 应用类 / 技术应用奖 (@安索帕台湾) 佳作
* 奇點獎(2021) - 最佳活動網站行銷獎 (@安索帕台湾) 銅獎
* 4A(2021) - 數位類 最佳網站創意獎 (@安索帕台湾) 銅獎
* 4A(2021) - 數位類 最佳科技應用創意獎 (@安索帕台湾) 銅獎
悠遊付
[2019] 前導網站 http://event.fla.com.tw/personal/jason/easycard/
* 金手指 - 用戶體驗(UX/UI)創意獎 佳作
* 數位奇點獎 - 最佳使用者體驗(UX)獎 銅獎
理膚寶水
[2020] Effaclar https://www.lrp.com.tw/events/effaclar2020/
* 金手指 - 網站或APP創意獎 入圍
* 金手指 - 互動裝置應用獎 佳作
* 金像獎 - 技術類最佳互動設計項 入圍
公司內部
[2020] 我ok你別怕 http://www.fla.com.tw/imokyouok/
* 金手指 - 用戶體驗(UX/UI)創意獎 入圍
四月 2019 - Present
Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.
十二月 2014 - 三月 2018
Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.
2012 - 2014
2008 - 2012
New Taipei City, Taiwan
<個人作品網站>
http://kymweb.design/
<Github>
https://github.com/kymmax
<前端技能>
- 串接 API 資料經驗
- 熟悉 HTML5, CSS, Javascript 完成 RWD 頁面製作
- 熟悉 SCSS / SASS Preprocessor 快速生成樣式
- 使用 Bootstrap library 經驗
- 使用 Building tools: Gulp / Webpack / Vite 經驗
- 具 React 框架、狀態管理等經驗 (CRA, Router, Redux, Hooks, props)
- 版本控制使用: Github / Bitbucket / Sourcetree
- 了解 PHP 基礎語法與應用
- 熟悉 THREE.js (WebGL) 3D 空間場景 / 動態 / 簡易碰撞 / 粒子系統 / 模型引入等
- 使用 GSAP / Framer motion 動態效果經驗
<前端經驗>
- 品牌官網維護與開發
- 多樣動態、遊戲互動、活動、資料表單頁面需求製作
- 使用 THREE.js 建置 3D 可互動、沉境式、線上展覽網站
- 線上商城、購物車開發經驗
- 建立專案公版架構,可維護重覆利用,提升開發效率
- 優化網站速度、改善 SEO
- GA4 事件追蹤設定
- App Webview 協作經驗
- 與 客戶 / 企劃 / 設計 / 後端 等,多方合作與討論經驗
- 確認專案內容與安排時程,並分配負責項目與前端同事協作
- 新技術研究,與導入應用評估
- 前後台 API 文件資料規格串接討論
<輔助技能>
- Photoshop / Illustrator / Figma (切版、修改、編輯)
<其他技能>
- Spark AR Instagram & Facebook 濾鏡製作 (品牌活動)
- 使用 Notion 建立公司專案與人員管理
<Side Project>
- flashCSS ( 插件:快速生成 CSS 樣式 ) ( https://github.com/kymmax/flashCSS )
- Particle Jockey (網站:音樂圖片創作互動) ( https://www.fla-g.com/ParticleJockey/ )
- Luma AI 3D 測試:3D影像生成運用 ( https://github.com/kymmax/react-three-fiber-luma )
<品牌經驗>
現代汽車 / 理膚寶水 / 國家地理頻道 / 克蘭詩 / Line Pay / 和泰集團 / 乾麵王 / 薇姿 / 能恩水解 /
三菱汽車 / 悠遊付 / 遠傳 / Kipling / SYM / Lexus
<得獎網站>
SYM
[2020] 線上車展 http://event.fla.com.tw/personal/jason/sym/dist/
* 金手指(2021) - 应用类 / 技术应用奖 (@安索帕台湾) 佳作
* 奇點獎(2021) - 最佳活動網站行銷獎 (@安索帕台湾) 銅獎
* 4A(2021) - 數位類 最佳網站創意獎 (@安索帕台湾) 銅獎
* 4A(2021) - 數位類 最佳科技應用創意獎 (@安索帕台湾) 銅獎
悠遊付
[2019] 前導網站 http://event.fla.com.tw/personal/jason/easycard/
* 金手指 - 用戶體驗(UX/UI)創意獎 佳作
* 數位奇點獎 - 最佳使用者體驗(UX)獎 銅獎
理膚寶水
[2020] Effaclar https://www.lrp.com.tw/events/effaclar2020/
* 金手指 - 網站或APP創意獎 入圍
* 金手指 - 互動裝置應用獎 佳作
* 金像獎 - 技術類最佳互動設計項 入圍
公司內部
[2020] 我ok你別怕 http://www.fla.com.tw/imokyouok/
* 金手指 - 用戶體驗(UX/UI)創意獎 入圍
四月 2019 - Present
Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.
十二月 2014 - 三月 2018
Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.
2012 - 2014
2008 - 2012