劉怡萱 (Anna Liu)

前端工程師 | 視覺設計師

New Taipei City, Taiwan
2019年畢業於
元智大學資訊傳播學系

曾任職於科技業國際行銷部門的設計師,擁有四年以上視覺設計經驗,在工作時接觸到UIUX設計以及網頁製作,進而讓我開始進一步去了解前端工程師一職,並透過hahow線上學習平台,自我學習了

動畫互動網頁程式入門、產品分析入門:UX設計師的思考術以及udemy的javascript相關網頁課程,後來也進入資策會參加前端工程師就業養成班,進修半年加深自己這塊領域的實作能力。

在資策會的專案中,除了解整個網站流程運作外,最難的可貴的是如何協作,像是React常常一直遇到沒辦法渲染的問題,需要一同與同學debug,也需要去了解對方所寫的程式結構,這花了我非常多時間,但也讓我了解到一開始設定好檔案格式是多麽重要,而我為了符合專案需求,自行去研究動畫相關套件應用於專案當中,而此專案是在有限的開發時間內要完成,也讓我對於功能優先級排程有所概念。

過去同時曾參與各部門的多項專案開發、帶領3位設計師參與專案和時程規劃以及外包接案的相關經驗,讓我在撰寫網頁及製作特效動態時會考慮到使用者體驗與視覺感受,與同學共同開發網頁專案時,能藉由商業邏輯做網頁事前規劃及發想, 並且能在溝通時將每個人想法轉化成對方能理解的話語。

技能

Front-end


  • HTML / CSS / SCSS
  • JavaScript / jQuery
  • Bootstrap / RWD 
  • React.js 
  • Ajax / Axios 串接 API 撈取遠端 JSON 資料

Back-end


  • Node.js / Express
  • PHP / MySQL

Others


  • Git / Github 
  • 使用 Sourcetree 工具
  • npm / yarn
  • Adobe PS / AI / XD / AE / PR
  • 使用 Figma 製作 UI 與他人協作
  • Google GA

工作經歷




Visual Designer

威盛電子股份有限公司

2019/09 - 2021/05 正職
2018/07 - 2019/09 實習
NewTaipei, Taiwan

・帶領 3 位設計實習生完成設計專案,透過 XMind 去梳理網頁架構自行規劃時程、品質控管、定義 
從 UX 使用者經驗去探討如何調整網站呈現方式及 UI 介面的配放位置。
・同時參與多項專案與產品開發使用 Asana 安排與追蹤工作進度並與數個部門進行合作。
・外包管理訓練擬定設計預算了解市場價格為公司設計產率做永續經營。
・根據產品的 TA 提出行銷策略以及主視覺規劃。
・企劃影片腳本、拍攝影片並後製、設計動畫以搭配影片做推廣。
・與RD部門溝通協助將多項車載功能的介面整合依循使用者體驗優化介面。
・從目標TA將競爭對手使用 SWOT 分析 從中規劃整體風格走向 並向上簡報提案計畫。

Graphy Designer

精益科技股份有限公司
2017/07 - 2017/11 實習
NewTaipei, Taiwan

・拍攝產品將影像後製以符合公司風格。
・針對 eScan 產品設計一系列使用者情境插圖。

專案項目



Woof 寵物代遛服務平台

前台:

  • 網頁架構、資料庫設計。
  • 前台mockup、UI設計、主視覺插圖設計。
  • 前端使用React開發並加入第三方套件。
  • 使用slick套件、react-animation套件製作動畫。
  • 購物車local storage 存取應用。
  • 後端使用Node.js / Express,藉由Axios/Ajax串接API至資料庫MySQL。

    後台:

  • 使用Admin來進行專案版型設計。
  • 使用bootstrap Admin樣板來進行專案版型的底設計。
  • 透過繪製的網站架構圖跟功能的流程圖,去釐清整個專題的功能。
  • 使用MySQL透過SQL語法關聯式資料庫來完成CRUD的功能。
  • 使用DataTables套件,應用其搜尋、頁碼、可檢視項目的功能。

VIA Mobile360 Calibration Tool (UI/UX Design)

  • 與PM討論客製化需求,將wireframe呈現出來進一步討論。
  • 探討使用者使用情境去解決操作上的問題。
  • Logo設計、規劃整體主視覺。
  • 使用XD設計UI與RD溝通讓畫面可以更貼近使用者經驗。
Powered by CakeResumePowered by CakeResume