Fbcnpalmya3b9wdcjamd

周珮琪 PeggyChou

前端工程師  • UIUX設計

Taipei,TW  •  [email protected]

畢業於中央大學網路學系科技研究所工學碩士,大學為設計學士,擁有跨領域的雙專長。

擅長網頁開發與設計,曾經開發過教師社群網站、給小學生使用的植物觀察平台、以及簡單的天秤遊戲,在設計方面曾協助桌遊「CHEMICARD」開發設計角色,以及自己平常會練習小樣的水彩畫作,對於顏色觀察敏銳。 未來希望能作為一名前端工程師,讓使用網站的人們,當下能夠體驗到親切與友善的使用者介面。

工作經歷

達創科技股份公司 - 軟體工程師  2017/10~

工作期間除了邊做邊學專業知識外,更重要的是每天都在精進自己與團隊夥伴們的合作能力。


  1. 主要負責網通產品的維護以及解決問題
  2. 參與開發網通產品網頁製作,主要負責前端與介面編排
  3. 與部門介紹「Web前端」
  4. 短時間內學習C語言,並能修改程式碼

學歷 Education

國立中央大學 網路學習科技研究所 2015/07~2017/08

專注於網站開發,在開發系統過程中,我學會了兩大部份,分別為與人溝通協調和系統製作兩個面向,在與人協調方面,能了解使用者需求並依照需求開發;在系統製作方面,能通盤規劃系統設計,並有將系統實做的程式能力。

國立台北教育大學 數位科技設計學系 2011/09~2015/06

修習於程式與設計雙領域,擅長使用Photoshop與Illustrator等設計軟體。並在就學期間藉由與成員的合作,不只學習到基本的程式語言,我更在團隊中學會,如何與團隊成員溝通、互助學習,一起成長

技能 Skills


Front-end

●●●●○ CSS3 

●●●●○ Bootstrap

●●●○○ JavaScript/jQuery /Vue

●●○○○ RWD 


Back-end

●●○○○ MySQL PHP 

RESTful


UI/UX Design/Others

●●●●● Illustrator

●●●●○ Photoshop 

Microsoft Office:Word、PowerPoint、Excel、Visio

版本控管:GitLab、SVN


從設計跨入工程

  我是周珮琪,常被朋友說很會觀察事物,常常發現生活中值得注意的小地方,這不是天生能力,而是我從生活中的每一點經驗累績而來。自古以來人們會被美的事物所吸引,我也一樣,從喜歡感受到自己親身去實行設計,秉持著做出符合人喜好的事物,我從與人的談話中察覺、使用感官去觀察、並用心了解。我的作品或許未臻至完美,但是我打從心底認可,以此誠心推薦未來的使用者,希望能令人滿意。

  我喜歡解決問題的成就感,從平面繪圖進入電腦設計,接著學習網頁程式開發,在學習網頁開發的過程中,我從要求第一眼的版面配置,到強化網頁的功能性,前端綜合後端我希望能夠帶給使用者一個優良的使用感知體驗。設計就像說一個故事,如何引人入勝、吸引人去使用、去體會,使人耐心的聽完你的故事,就是一個好的故事。

Paragraph image 00 00@2x ebb59a6d9adb03673d06762584bb6a0cc401a7cc4bd081bb82ce6f841d95aa2b

Web Design

教師專業知識成長社群 WeRCom

教師專業知識共享與共創社群。

在專業領域上,不論資歷深淺的人員,都會有需要提問的瞬間, WeRCom 輔助教師們將專業知識交換、進行內化行吸收與螺旋創造的活動,此平台提供圖表分析、專案管理、個人與社群交流工具,讓使用者可以對平時所累積的活動數據進行分析。

Paragraph image 06 00@2x 87e77cbcc732097bbd3c1ea0cc62ddde26e5adb1eceee8497e66e58206763cfd
Paragraph image 06 01@2x 13ec779ca27733557a5d2830d84049bfdfc54edd6ade36ee5766eea97298cf4a
Paragraph image 06 02@2x 3081b368fb6b38d988063c1300041f0c2b0cb92aae2fac6f55abc21c8e235124

物理科學互動遊戲Sci-match 
教育部提升自然學習領域教師適性教學素養計畫。
此網頁互動使用拖拉式方法,將槓桿原理設計成讓學生可以從遊戲中學習的自然活動,學生依據網站上的圖示與提示,進行思考並解答如何能讓天秤平衡,完成目標。

Paragraph image 06 00@2x 87e77cbcc732097bbd3c1ea0cc62ddde26e5adb1eceee8497e66e58206763cfd
Paragraph image 06 01@2x 13ec779ca27733557a5d2830d84049bfdfc54edd6ade36ee5766eea97298cf4a
Paragraph image 06 02@2x 3081b368fb6b38d988063c1300041f0c2b0cb92aae2fac6f55abc21c8e235124

ICCE2017 Workshop 
2017 ICCE工作坊推廣網站。
為了達到多裝置閱覽,使用者可以利用手邊不同裝置進行網站瀏覽,此網頁使用響應式網頁(RWD)設計。

Paragraph image 06 00@2x 87e77cbcc732097bbd3c1ea0cc62ddde26e5adb1eceee8497e66e58206763cfd
Paragraph image 06 01@2x 13ec779ca27733557a5d2830d84049bfdfc54edd6ade36ee5766eea97298cf4a
Paragraph image 06 02@2x 3081b368fb6b38d988063c1300041f0c2b0cb92aae2fac6f55abc21c8e235124

植物觀察平台Plant
將數位融入教育,使用行動裝置輔助學生進行植物觀察作業。
學生利用網站上所提供的提示鷹架,在校園中完成老師所指派的觀察任務,可以藉由平板電腦完成小組討論、拍照分享至平台與其他成員討論。

Paragraph image 06 00@2x 87e77cbcc732097bbd3c1ea0cc62ddde26e5adb1eceee8497e66e58206763cfd
Paragraph image 06 01@2x 13ec779ca27733557a5d2830d84049bfdfc54edd6ade36ee5766eea97298cf4a
Paragraph image 06 02@2x 3081b368fb6b38d988063c1300041f0c2b0cb92aae2fac6f55abc21c8e235124

My website

Projects 00 00@2x 25de285f43c486b5a0ddc099900a08387ad7a27243b9ba95b25d3665ee9775ae

Patty's Website

Learn about
Powered by CakeResumePowered by CakeResume
Powered by CakeResumePowered by CakeResume