Gyeuxnzseemrjsmy0b8a

張瑀晴 YuChing Chang

網頁前端工程與設計 | UI/UX | 插畫設計 | 國立台灣藝術大學畢業

曾任職於資訊軟體科技公司,擔任網頁設計師。

因為希望在前端領域中更上一層樓,開始自我要求學習更深入的前端技能,

半年來除了學習前端技術之外,為了補足程式、資訊等相關基礎,也學習了資料結構、演算法等資工相關領域的項目。

希望未來能帶著這些技能更深入前端領域,並持續嘗試相關的新技術,學習更多相關知識。

技術能力


  HTML/CSS

  • HTML5 / CSS3
  • SASS / SCSS
  • Bootstrap
  • 熟悉 media quaries 與 RWD
  • Reactstrap
  • 無障礙網頁
  • 瀏覽器最低 IE7 相容


  Javascript / React

  • Javascript ES6
  • JQuery
  • AJAX
  • API 串接
  • React, React Router, Redux
  • GSAP


 Development / Tools

  • Git / Github
  • SVN
  • Node.js
  • NPM / Yarn
  • Webpack
  • Postman
  • firebase
  • API文件閱讀

 UI / Design

  • Illustrator
  • Photoshop
  • After Effects
  • Premiere
  • Adobe XD

 Others

  • 3D Max
  • Mudbox
  • Unity 3D
  • Zbrush
  • 遇到問題自行 google 並解決

 學習中
  • React Native
  • MySQL
  • PHP
  • ASP.NET


語言能力

  • Chinese
  • English
  • Japanese
  • Spanish


得獎作品

  • ASPAC亞洲包裝設計競賽 亞洲區優選獎
  • ASPAC亞洲包裝設計競賽 台灣區金獎
  • 金典新秀設計獎 入圍獎
  • 2015華碩創意廣告大賽 入圍10強


專案作品

旅館預約服務網

Projects 01 00@2x

以React串接第三方後端API,實現旅館預約服務

  • 使用 React, React Router
  • 串接後端 API,獲取房型及訂房資料
  • 使用datepicker,瀏覽已預約與尚未預約的時段
  • 可線上訂房,並回傳成功或失敗訊息

雲端硬碟

Projects 01 00@2x

使用React框架實作雲端硬碟功能

  • 可上傳任何檔案及新增資料夾
  • 可在資料夾裡面新增檔案,進行分類
  • 以JSON結構處理檔案及資料夾資訊
  • 將檔案資訊儲存在LocalStorage重新開啟分頁仍能檢視資料

橫向2D挑戰遊戲

新接龍

MP3 Player

Paragraph image 06 00@2x
Paragraph image 06 01@2x
Paragraph image 06 02@2x

以 Canvas 製作 2D 橫向卷軸網頁遊戲

  • 使用 Phaser 3 作為遊戲引擎
  •  前端互動技術練習實作
  • 著重於使用js實現遊戲流程及功能
  • 遊戲中物件的碰撞及物理引擎設計
  • 遊戲障礙物隨機出現的邏輯設計

以 Javascript 及 Jquery 實作新接龍遊戲

  • 使用 drag and drop 實現拖拉功能
  • javascript 著重於遊戲規則邏輯
  • 以 css animation 配合 javascript 呈現發牌效果
  • 使用array紀錄步驟,以達到「還原上一步」功能

Demo | Github

實作網頁音樂撥放器

  • 使用 Jplayer 實現撥放音樂功能
  • 可使用音樂控制面板切換上下首、控制音量及重複、隨機撥放等功能
  • 可切換暫停開始,並拖動音樂時間軸
  • 點擊音樂列表裡的任一首音樂,可直接切換播放

Demo | Github


學經歷

桓基科技股份有限公司, 網頁設計師, Jul 2017 ~ Jul 2019

參與專案:

  • 桃園大溪木藝生態博物館大溪學文化資源庫系統建置案 前端視覺設計(Demo
  • 台灣自來水股份有限公司網站改版暨維護資訊系統 前端視覺設計 (Demo
  • 衛生福利部疾病管制署全球資訊網改版 前端視覺設計 (Demo
  • 衛生福利部社會及家庭署兒童權利公約資訊系統 前端視覺設計(Demo
  • 內政部表單簽核系統建置案 前端視覺設計
  • 交通部公路總局員工入口網暨即時訊息系統 前端視覺設計
  • 勞動部暨所屬機關員工共用資訊系統平台擴充案 前端視覺設計

愛點科技公司, 兼職接案, Dec 2015 ~ Dec 2018

  • 康健人壽行銷插畫繪製
  • google 環景導覽圖製作
  • google 環景影像後製編輯

貓頭鷹出版社, 兼職接案, Jan 2015 ~ May 2016

  • 圖文編輯
  • 向量插畫繪製
  • 影像後製編輯

愛點科技公司, 暑期設計實習生, Jul 2015 ~ Aug 2015

  • 與同期實習生一起構想設計圖像式部落格的概念專案
  • 進行一連串使用者分析及使用者流程介面討論
  • 與程式部的實習生們交流並學習網頁程式,了解到視覺與程式之間互相溝通的重要性
  • 與 google 合作,拍攝 google 地圖內部環景,可搭配平面圖及導覽點瀏覽內部環景(viewtaiwan

國立台灣藝術大學, 美術學士(BFA), 視覺傳達設計學系, 2013 ~ 2017

Powered by CakeResumePowered by CakeResume
Powered by CakeResumePowered by CakeResume