LEE,PEI-CHUN

About

About Vicky

畢業於中華大學觀光與會展學系，擁有3年行銷企劃以及1年多的前端工程師工作經驗。

在擔任企劃的過程中，我實踐對於產品的想法，並與團隊合作實現共同目標，同時也發現網頁設計在行銷企劃專案中，是相當重要的環節，在現今社會中更為展現品牌形象的重要途徑。因此我決定進一步掌握網頁開發的技術，強化我的專業技能，提升競爭力。為此，我參與了為期半年的前端開發專業訓練。

在這段半年的網頁開發訓練中，我學習並熟悉了 HTML、CSS、JavaScript、jQuery 及 Vue.js 等前端開發技術，同時也使用 Node.js 與 MongoDB 建置後端資料庫，完整地完成前後台網頁的整合開發。

訓練結束後，我於聯合線上擔任前端網頁工程師一職。將自己所學的技能實際應用於工作中，挑戰自我，並進一步熟悉了網頁前端、框架等技術。在這段期間，我獨自開發了多個頁面，同時與視覺設計和後端工程師團隊合作完成了多個專案開發。其中，我特別引以為傲的是參與「女子漾」官方網站的開發，將網頁視覺化，創造女性為主的交流平台。

我深信每一次轉變都是一次成長的契機。我將保持熱忱、求知的心態，並結合我的行銷經驗和前端網頁開發技術，成為一個能夠解決問題的跨領域人才。

Skills

前端開發

  • HTML
  • CSS
  • JavaScript
  • jQuery
  • Bootstrap
  • Vue.js
  • Vuetify

後端程式

  • Node.js
  • MongoDB

視覺設計

  • PhotoShop
  • Illustrator
  • Figma

證照

  • TBSA商務企劃能力初級檢定
  • 會議展覽專業人員認證
  • 國際行銷初級人才認證檢定
  • Google Adwords 認證
  • 多益成績705

Resume

Education

泰山職業訓練場

2021/09 - 2022/03

前端網頁開發技術

參加 936 小時的職前訓練，學習前端網頁開發的技術，以及視覺設計，在訓期間不僅習得專業技能，更培養獨立解決問題、分析問題的能力。

前端網頁技術：
HTML / CSS / Vue / JavaScript / Bootstrap / jQuery / Node.js / MongoDB / SASS

視覺設計技術：
PhotoShop / Illustrator / Figma

中華大學觀光與會展學系

2013 - 2017

Dept. of Tourism and MICE

學生時期積極參與各項活動的籌備工作，也參與系學會，成為系學會副會長，同時擔任各活動的總召集人，如畢業典禮總召、迎新活動副召等，舉辦活動的同時不僅訓練獨立思考的能力、也能配合團隊完成團隊合作。

Professional Experience

聯合線上股份有限公司

2022/04 - 2023/8

前端工程師

  • 官方網站開發製作，串聯作者發文、讀者投稿等功能
  • 與UI/UX及後端⼯程師配合、討論，規劃及實施各項⾴⾯
  • 優化網站功能及SEO數據
  • 形象網站及遊戲網站製作、維護

社團法人台灣阿甘精神發展協會

2018/10 - 2021/9

活動企劃人員 & 主管特別助理

  • 活動企劃發想、撰寫、現場執行
  • 各類活動規劃、安排與執行
  • 設計活動宣傳品及相關文宣
  • 店務績效及成本管控

悅暉行銷顧問有限公司

2017/12 - 2018/9

行銷企劃

  • 各類活動發想、撰寫、規劃、安排與執行(如：企業形象活動、年度行銷專案)
  • 政府公標案企劃、提案與執行
  • 活動現場的統籌、監督管理與執行
  • 活動贊助商接洽

Portfolio

...
女子漾官網

Vue webpack Scss RWD handlebars Axios Google analytics

女子漾是我在聯合線上任職前端工程師負責的前端網頁製作。
網站主要分享美食旅遊、美妝穿搭、娛樂話題、運動建康、愛情等話題，提供女性優質生活的體驗與想像。
不僅提供記者發布最新的時尚文章，同時也提供一般民眾成為作者分享上傳自己所撰寫的文章，如同部落客分享好物給大家。
另外也結合商品體驗活動，廠商提供贊助商品，讓民眾可以報名體驗產品，與大眾分享自己用後心得。

前台功能
  • 會員註冊 / 登入
  • 最新頁面輪播圖
  • 最新文章 / 熱門文章
  • 影音專區
  • 專欄作家
  • 線上投票
  • FB / IG 串聯
  • 商品體驗專區 / 商品體驗報名
  • 成為作者
前台使用技術
  • 打包工具：webpack
  • handlebars頁面切換
  • Google analytics分析
  • 其他技術：SCSS、RWD、SweetAlert、Splide
  • 影像處理：Photoshop、Illustrator、Figma
...
洗澡趣寵物美容官網

Vue Vuetify Scss RWD Node.js Heroku Axios MongoDB Google analytics

為洗澡趣寵物美容設立官方網站，讓消費者能夠透過官網了解商家資訊， 也能透過網站完成「寵物美容線上預約」、「寵物商品線上購買」 取代傳統電話預約，省去店家處理預約的繁雜瑣事。
同時架設小電商，上架寵物相關商品，提供消費者選購。
除此以外，結合政府流浪動物資訊， 希望能在官網上幫忙曝光流浪動物資訊，幫助浪浪們早日找到自己的家。

前台功能
  • 會員註冊 / 登入
  • 廣告輪播圖 / 店家介紹 / 服務流程
  • 團隊介紹 / 環境介紹 / 顧客好評
  • 浪浪資訊瀏覽
  • 寵物商品瀏覽
  • 會員寵物美容線上預約
  • 會員寵物商品線上購買
  • 會員專區/會員資料修改
  • 會員專區/預約資料查看取消
  • 會員專區/購買商品資料查看
前台使用技術
  • UI套件：Vuetify
  • Vuex存取購物車、預約資料
  • Router頁面切換
  • Google analytics分析
  • 其他技術：SCSS、RWD、SweetAlert、Swiper
  • 影像處理：Photoshop、Illustrator、Figma

前台功能
  • 管理會員寵物美容預約
  • 管理會員商品訂單資料
  • 增改刪查線上購物的商品
  • 修改前台輪播圖資訊
後台使用技術
  • 前端請求:Node.js、express、Cors
  • 資料庫:MongoDB
  • 圖片存取:Cloudinary
  • 後臺部屬:Heroku
...
六都市長選舉預測活動網站

頁面使用vue進行開發，配合六都市長選舉時事，製作預測互動頁面，藉由民眾投票，全部預測正確則有機會獲得獎品。
Vue Scss
...
產品形象網站

養身湯官方形象網站前端頁面製作，主要分享產品為養身湯，與設計師討論網頁呈現方式並加入一些小動畫讓網頁較生動。
HTML Scss
...
讀創故事形象網站

獨創故事形象網站製作，主要介紹創作平台資源、運作方式，以及作者與其作品，鼓勵更多創作者加入獨創故事網站發表自身文章。
HTML SCSS JavaScript
...
番茄鐘 Pomodoro

使用設計師的視覺稿進行切版，以 vue cli 開發，使用了 Vuex 狀態、路由設定，並使用 PWA 技術及 chart.js 套件。
Vue PUG
...
CitySaver

使用 jQuery 製作的一款遊戲，消滅炸彈可以獲得一分，拿到補血包可以獲得五分， 歷史最高成績將紀錄於 localstorage 裡。
HTML CSS jQuery Illustrator
...
寶可夢翻牌遊戲

使用 jQuery 製作的翻牌遊戲，翻到該寶可夢的進化後的卡片即為配對成功。

HTML CSS jQuery Photoshop
...
Hide And Find

以打地鼠為發想，左邊圓圈內會隨機出現圖案，點選與右邊相同的圖案加一分，若點選錯誤則會扣分。

HTML CSS JavaScript
...
LINE BOT 機器人 - 營養好食光

以 Node.js 開發的 line 機器人，串接政府公開資料
讓使用者可以查詢食物的營養成分，
同時機器人也可以推薦營養的餐點。
HTML CSS Axios Illustrator
...
Sweet Bakery 形象網站

為 Sweet Bakery 製作形象網站，其中使用 Swiper 套件製作輪播圖，RWD技術。

HTML CSS