Wowqixmklva3t5sf0nfh

李婉瑄

Frontend Developer 

目前在緯創擔任前端工程,具備兩年多的開發經驗,屬於跨領域型的工程師,過去背景是數位行銷、品牌策略、產品營運等,在開發時,我不僅能從技術的角度思考,也會從產品用戶、商業邏輯等角度思考,經常扮演團隊中的溝通橋樑。


積極學習、持續增進自己的技術能力,並以 Canvas 為題參加 2022 鐵人賽完賽,持續撰寫技術部落格 Coding Gallery 紀錄這一年的學習經驗。

[email protected]

0912882877

學歷

國立成功大學 , 文學碩士(MA), 創意產業設計, 2016 ~ 2018

  • GPA: 4.2 / 4.3 
  • 全英文授課,並於學期間至英國實習

Tk51jiys7bmqykhooyma

國立臺北教育大學 , 文學士(BA), 文化創意產業經營系, 2012 ~ 2016

  • GPA: 4.0 / 4.3 
  • 擔任第 20 屆學生會執行秘書,統籌學生會十二個部門完成年度校慶活動,並促進校園公共事務參與

Dac7xcybzssm9edgsxl6

工作經歷

緯創資通-創新方案解決部門(Workute 健身小精靈), 前端工程師, March 2022 ~ Now

・以 React 和 TypeScript 從零建置產品管理後台與 Hybrid App 前端頁面,包括產品後台頁面、數據儀表板、會員管理、訊息推播與使用者獎勵相關功能,自產品開始開發至營運至今,用戶增長超過 20,000 名會員 優化前端效能和加載速度,利用了Lazy Loading、CDN 和 Intersection Observer API 等技術。


・行動裝置在 Lighthouse Performance 的得分從 47 分提升到 74 分,而網頁版進一步優化到 98 分 優化前端跨瀏覽器相容性問題與頁面元素一致性設計實現 App 應用程式與網頁功能整合,以 WebView 完成包括用戶認證和健康應用同步等引導功能,讓每週客戶相關問題減少 80%,並成功降低了卸載率

・擴展知識領域至 Node JS、Prisma ORM、SQL 等後端及資料庫技術。能夠獨立完成基本的 API 功能 協助產品後端 API 開發,使用 NodeJS、Postgres、Prisma 與 AWS 相關開發技術,採用 Docker、Gitlab CI/CD、AWS 部署產品前後端服務與多環境建置


麻布數據科技股份有限公司(發票存摺), 行銷企劃, Apr 2020 ~ Oct 2021

・ 規劃以下載與用戶黏著為核心的數位行銷策略,期間累積超過150萬人次下載,月活躍用戶年成長 25%

・ 導入 GA4 用戶行為分析,制定用戶分級分類,規劃對應行銷溝通方式與活動提升用戶黏著度

・ 與產品開發團隊合作設計行銷工具模組如「電子信模組、一頁式活動網頁、任務與優惠券」,有效運用工具。透過電子信喚回 3% 流失用戶,創造兩週內三萬人參加活動的紀錄

・ 投放 App 廣告包含 Google、Search Ads、FB 以及 Line 等平台,搭配時事議題放大App優點,並透過 A/B Test 優化,讓 Google 廣告轉換有效成長 10%

創璟國際品牌顧問, 品牌企劃, Oct 2018 ~ Mar 2020

・ 品牌專案負責人,對外負責客戶溝通與提案,對內統籌設計團隊(專案績效年成長 5%)

・ 透過產業研究、市場調查、企業訪談與消費者深度訪談等研究方法,協助客戶解析市場與擬定品牌策略

・ 公司官網改版負責人,統籌設計與工程團隊(四人團隊),提升網站運作效能與使用者體驗

技能


前端技術

  • JavaScript ES6 
  • TypeScript 
  • React Hooks 
  • Redux and React Router 
  • RESTful APIs 
  • JEST Unit Test 
  • Next Js


前端設計

  • HTML 
  • CSS Sass、Scss 
  • Bootstrap、antd Design
  • Style-Component(CSS in JS)
  • Canvas.js 
  • i18n


開發工具

  • Git、SourceTree
  • Chrome DevTools 
  • Basic knowledge in Cloud(AWS CCP Certification) 
  • Basic knowledge in CI/CD
  • VS Code 
  • Webpack 
  • Terminal 
  • ResponsivelyApp


行銷設計

  • Google Analytics、Google Search Console 
  • Firebase
  • Google Data Studio 
  • SEO
  • Google Ads, App Search, Facebook Ads, Line LAP
  • Figma、Whimsical 
  • Adobe Ai、PS