Zoe Wu 吳時萱

前端工程師 / 網頁設計師

  Taipei, Taiwan

我自學一年擁有前端工程相關技術與開發經驗,熟悉網頁切版、SCSS 結構管理以及 RWD 互動效果設計能力,能夠串接整合第三方 API 服務運用,具備元件化及模組化設計思維利於團隊共同協作開發,並且本身具有品牌、媒體、社群及代理商服務的操作經驗,透過數位營運思維與 UI/UX 分析設計,我已經幫助許多公司服務提升使用者體驗。 

過去曾任職女性雜誌平台網站及社群行銷,並在數位廣告產業擔任 Project Manager,參與 User Flow 規劃、Prototype 設計製作,需要大量跨部門溝通以整合網站開發需求,也因而廣泛接觸產品及需求的不同面向,進而發現了自己對程式語言的興趣與熱忱,轉往前端工程開發與技術應用發展投入。


  [email protected]

技能

User Experience


  • 專案規劃與時程掌控
  • 人力與資源分配
  • 專案目標成效追蹤
  • 跨部門合作整合

Tech Stack


  • HTML/CSS/JavaScript
  • ES6 網頁互動設計
  • Sass / SCSS 框架
  • Bootstrap 5
  • RWD 響應式網站開發
  • 整合 API 介接
  • Git/GitHub 版本控管

Design Tools


  • Adobe Illustrator
  • Adobe  Photoshop
  • Axure RP
  • XMind


學歷

淡江大學 Tamkang University

日本語文學系

2010 - 2014

工作經歷

數位行銷企劃  

•  至善社會福利基金會

1.負責基金會品牌經營及數位行銷
2.官方網站營運及前後台網頁功能介面優化。
3.社群企劃:Facebook、Instagram、LINE、YouTube、EDM。
4.企劃發想、素材設計、操作執行及成效追蹤。

May 2020 - March 2021

網站營運企劃 

 •  婦幼多媒體事業集團_嬰兒與母親雜誌社

1.網站平台會員活動企劃及社群經營
2.數位內容規劃及電子報設計發送。
3.社群活動企劃、執行、成效追蹤。

April 2017 - February 2020

數位行銷企劃

  •  春樹科技股份有限公司

1.負責行銷企劃案的籌備與執行。
2.專案製作時程管理及客戶服務。
3.專案網站 User Flow 及 Wireframe 規劃。
4.優化網路活動使用者經驗(UI/UX)。

May 2016 - March 2017

網站社群企劃專員  

•  城邦文化事業股份有限公司

1.網站平台會員活動企劃及維運。
2.粉絲團經營與活動規劃。
3.異業合作洽談、檔期活動名人與部落客合作邀約。
4.文案及專題文章的規劃撰寫。

September 2015 - March 2016

專題作品 / 開發技術


WOWOROOM 窩窩家居

使用 AJAX 非同步技術,以 axios 套件發送 Request,串接第三方 API 服務,可完整操作「商品加入購物車」及「送出訂單」流程。


【PROJECT LINK】https://kaya040121.github.io/WOWOROOM/




DOYOGA 瑜珈體驗形象網站

【 切版作品 】使用 SCSS 與 Bootstrap 框架設計,實作「首頁」、「立即預約」與「聯絡我們」頁面樣式,並以 Gulp 與 EJS 樣版語言完成網頁結構。

  「首頁」 運用多種 card 樣式與格線系統排版 

  「立即預約」 呈現選擇課程操作流程、進入填寫資料步驟,而預約表單日期選擇器是套用 vanillajs-datepicker 套件。

  「聯絡我們」頁面嵌入 Google 地圖區塊呈現教室位置


【PROJECT LINK】 https://kaya040121.github.io/DOYOGA/





眼鏡電子商務網站

【 切版作品 】以 SCSS 管理樣式設計,實作「首頁」與「常見問題」頁面樣式。

「首頁」套用 Animation.css 呈現各 section 區塊轉場動畫特效。

以 Gulp 與 EJS 樣版語言完成網頁結構。


【PROJECT LINK】 https://kaya040121.github.io/glasses-web-design/







台北當代藝術展

【 切版作品 】使用 SCSS 與 Bootstrap 框架設計,並以 Gulp 與 EJS 樣版語言完成網頁結構。 

  右上方「購物車按鈕」以 Model 元件撰寫右側彈出樣式,點選「前往結帳」進入確認訂單流程。

下方「猜你也喜歡」輪播區塊使用 Swiper.js 套件實作滑動效果。


【PROJECT LINK】 https://kaya040121.github.io/exhibitions/