田佩穎

Tien, Pei-Ying

前端工程師


地點:臺北、新北

TEL:0989546767

E-mail:[email protected] 


歷經網頁設計師、產品經理的工作後,發現前端的世界無比有趣,喜歡每處設計實實在在地被落實出來,儘管學習前端的過程時常遇到困難,但體會到問題解決的快感後,讓我很有成就感。過去的工作經歷讓我了解團隊合作、文件溝通、需求訪談的重要,期許自己能比過去更好。


技能

Vue.js


  • 使用 Vue Cli 建立環境
  • 使用元建模組化
  • 使用 Pinia 傳遞資料
  • 使用 Vue Router 路由配置 

JavaScript


  • 熟悉 Ajax 串接 API
  • 使用 jQuery 控制元件
  • 了解 ES6 標準

Web Layout / Other


  • 熟悉 HTML / CSS
  • 手刻 RWD
  • 使用 SCSS
  • 使用 Git 版本管理工具
  • 使用 Bootstrap 5 客製Variables、管理 Utilities

Design


  • 熟悉 Axure 製作原型
  • 熟悉色彩學
  • 熟悉 Adobe Photoshop, Adobe Illustrator
  • 熟悉用戶訪談
  • 使用 Fgima 設計網頁

前端專案


Vue 捐款網站 - 浪貓之家

GitHub | Demo

網站建設目的:讓非營利的收容所,有管道可收取善款,照顧流浪貓。

設計理念:利用電商網站的概念、架構,製作捐款網站。

使用技能:

  • Vue Cli 環境建立
  • Vue Router 路由配置
  • 使用 JacaScript ES6
  • 搭配 Bootstrap5 完成 RWD 製作與刻板


  • 使用第三方套件 Vee Validate 製作表單驗證

前台:

  • 首頁
  • 捐款項目展示
  • 捐款品項(購物車功能、結帳功能)

後台:

  • 編輯捐款項目




Vue 食譜靜態網站 - 輕鬆煮廚

GitHub | Demo

❖ 本作品為切版作品,尚未完成購物車、比對功能

網站建設目的:透過先前的UX研究結果與建議,將網站落實。讓上班族,能透過網站迅速瞭解今天要準備的料理有什麼,在廚房提升煮菜的效率,擁有健康的一餐。

設計理念:利用電商網站的概念、架構,製作食譜網站。

使用技能:

  • Vue Cli 環境建立
  • Vue Router 路由配置
  • 使用 JacaScript ES6
  • 搭配 Bootstrap5 完成 RWD 製作與刻板
  • 使用第三方套件 Swiper, Masonry 刻板
  • 使用 Pinia 傳遞資料
  • 使用 Json Sever, Heroku 自行建立 API
  • 使用 Bootstrap5 客製化樣式

畫面:

  • 首頁
  • 搜尋結果頁
  • 食譜頁
  • 我的餐點
  • 計算結果頁面

工作經歷

Aug 2021 - Now

-


學習前端技術切版、JavaScript、Vue

Mar 2021 - Aug 2021

產品經理

紅陽科技股份有限公司

新產品規劃,定義產品流程與需求,撰寫產品企劃書、規劃產品介面、訂製開發時程

Dec 2017 - Feb 2021

UI/UX設計師

國立臺灣師範大學 教育政策與行政研究所

團隊的第一位UI/UX,將設計導入開發流程,撰寫開發、測試回饋文件、網站設計、產品流程規劃,協助工程師推動測試落實到各個專案的負責人員。

Nov 2015 - Sep 2017

動畫師

西基電腦動畫股份有限公司

揣摩表情、姿體語言,注入生命在模型中,讓角色在鏡頭中的表演自然且能故事。


學歷

Apr 2013 - Aug 2015

國立臺中科技大學

數位媒體設計系 碩士

Apr 2008 - Jan 2012

嶺東科技大學

多媒體設計系 學士


進修

情緒與壓力調節  

授課單位:社會人士選修國立台灣師範大學 心理輔導系

授課教授:王麗斐

109年上學期

助人技巧與技術

授課單位:社會人士選修國立台灣師範大學 心理輔導系

授課教授:陳秀蓉

108年下學期

我是PM進修課程

Sep 2019 - Dec 2019


社團活動

Ladies that UX Taipei


  • 擔任核心志工
  • May 2018 - Sep 2019

IXDA


  • 一般會員
  • Aug 2018 - 2021

商業思維學院


  • 一般會員
  • Jan 2020 - Dec 2020

證照

廣告設計乙級



Design Kit :
The Course for Human-Centered Design


Powered By CakeResume