Hu Jhih Syun

胡智勛 Syun

front-end developer

  Taiwan Province, Taiwan

姓名:胡智勛 Syun Hu

性別:男

生日:1992 年 11 月 10 日

電話:0988-565-853

地址:新北市板橋區民生路二段 166 號 16 樓

信箱:[email protected]

        

專業技能


  • 網頁技能:Html5、Css3、JavaScript、TypeScript
  • 設計框架:Bootstrap、TailwindCss、GSAP、D3.js
  • 函式庫/框架:Vue2、Vue3、Nuxt2、Angular、jQuery
  • 設計工具:Photoshop、Illustrator、Figma
  • 版控工具:Git、SourceTree

語言


  • Chinese — 專業
  • English — 中階

工作經歷

前端工程師  •  哲煜科技股份有限公司

十二月 2022 - Present

1. 運用 javaScript、typeScript、Vue2、Vue3、Angular 進行網站建置與維護
2. 使用 TailwindCss、Bootstrap、SCSS 進行網頁切版
3. 與 Laravel 後端工程師進行前後端協作並串接後端提供之 API
4. 使用 Git、sourceTree 進行版本控制與協作

前端工程師、網頁設計師  •  正平整合行銷股份有限公司

十月 2018 - 七月 2022

1. RWD 網站切版,landing page、互動式網站建置與維護
2. 運用 javaScript、jQuery、Vue2、GSAP 開發網站動畫與互動特效
3. 運用 figma 進行網站設計,並與設計師溝通協作
4. 與 Laravel 後端工程師進行前後端協作
5. Photoshop、Illustrator 進行展場活動、社群媒體視覺設計

網頁設計助理  •  宏捷資訊股份有限公司

九月 2017 - 七月 2018

1. 使用 Photoshop、Illustrator 網站平面設計
2. 使用 Html、SCSS、jQuery 進行靜態網頁切版
3. 調整網頁內容與相關程式以進行 SEO 優化
4. 使用 google Ads 進行廣告與關鍵字操作

學歷


輔仁大學 Fu Jen Catholic University

中國文學系

2011 - 2015

專案


2021 萬里蟹線上特展

藉由 GSAP 的 scrolltrigger 製作視差卷軸,完成各區塊浮現特效並以說故事方式完整描述捕蟹過程;使用 owl-carousel 製作雙層輪播功能,製作品牌活動歷年畫廊;運用 vue 函式庫製作知識問答題,即時計算答題分數;規劃 RWD 網頁切版並進行各裝置測試。

https://wanlicrab-10th.tw/

Aruba Central 互動式網站

運用 vue 函式庫製作闖關遊戲,即時比對答案、回應說明文字、紀錄使用者名稱並計算答題時間;透過 Git 與 Laravel 與後端工程師進行協作完成闖關者排行榜;藉 local storage 紀錄使用者是否再次登入,若重複登入則開啟隱藏關卡。

https://aruba.accessus.cloud/date/1014 


2021 Autodesk 創新高峰會

使用 figma 進行網頁視覺設計及優化 UI/UX 體驗,設計精緻的日式網站風格,並以參差左右區塊排列呈現活潑多元;運用 JavaScript 製作互動效果與活動倒數計時功能;GSAP 套件製作視差卷軸。

https://accessus.cloud/autodesk/Autodesk-Converge-Taiwan/index.html

BIM Awards 數位應用創新獎

使用 figma 規劃網頁視覺,設計精緻而活潑多元的網站風格;運用 JavaScript 製作互動效果與各階段倒數標示功能;GSAP 套件製作視差卷軸效果;owl-carousel 輪播的評審委員介紹跑馬燈。

https://expert-resource-center.tw/autodesk/bim-awards-2021/ 


伊甸基金會線上畫廊

負責與客戶窗口接洽、需求對焦、專案時程管理與作業分配;運用 figma 設計畫廊風格網站視覺;使用 GSAP 套件製作視差卷軸效果點綴畫面; Git 與 Laravel 與後端工程師進行協作與團隊專案開發。

https://wanfuartgallery.eden.org.tw/ 

NTT DATA 站上雲端 想像未來

運用 illustrator 進行網頁視覺設計、製作修改及優化 UI/UX 體驗;使用 AOS 套件製作浮動效果,因應緊急需求,三天內規劃 RWD 網頁切版、視覺呈現並製作互動效果。 

https://www.vip.accessus.biz/2020nttdata/index.html