About Me
- Name: 吳曉淇
- Website: https://github.com/Small-Chi
- Email: hichi0728@gmail.com
- Age: 29
- School: 台南應用科技大學
- City: 台中, TW
- Autobiography:
-
嗨！我是吳曉淇，畢業於台南應用科技大學視覺傳達設計系，具六年的工作經驗，在出版業擔任視覺設計，責任心強、帶領團隊持續優化公司產品。工作一段時間後，開始思考自已職涯的其他發展，評估自身的設計能力可以拓展的方向，於是有了轉職網頁前端設計師的想法。
參與了半年的「前端網頁開發技術」專業課程。學習了 HTML、CSS、JavaScript、Vue.js 及 API 資料串接應用等技術。
過往的工作經驗，使我具備獨立作業、團隊合作、時間管理及良好的溝通能力，期許未來能掌握更多前端開發技術，協助公司完成各項專案及產品，並朝全端工程師發展、設計出兼具質感的網頁產品。
工作年資 於出版業擔任平面視覺設計
網頁作品 2021 ~ 2022 作品總數
My Resume
學習歷程
前端網頁開發技術 ( 青年專班 ) / 泰山職業訓練場
2021 / 09 - 2022 / 03
參加泰山職業訓練場辦理之為期半年的職前訓練，學習前端網頁開發技術等相關專業知識與必備技能，並擔任班長一職。
- HTML - CSS - Bootstrap - SASS
- JavaScript - jQuery - Vue.js
- Node.js - mongoDB - Git
臺南應用科技大學 / 視覺傳達設計系
2010 / 09 - 2014 / 06
在學期間擔任專題組長，帶領組員於新一代設計展，以「簡易急救包」為包裝設計主題，榮獲「廠商設計」獎項。
職涯經歷
康軒文教事業股份有限公司 / 平面設計人員
2019 / 05 - 2020 / 08
- 整合國教院意見 - 跨部門溝通 - 教科書專案進度控管。
- 教科書主題企劃提案。
- 規劃插圖設計。
- 延伸教材海報、雜誌、文宣設計。
育達文化事業股份有限公司 / 平面設計副理
2015 / 10 - 2019 / 03
- 教學簡報設計。
- 教科書設計。
- 特製配套文宣設計。
- 控管組員進度及產品品質。
上捷數位彩印企業社 / 平面設計人員
2014 / 07 - 2015 / 09
- 企業識別、應用系統設計。
- 包裝、DM、海報等相關平面之設計。
- 規劃專案雜誌、書籍圖文整合設計。
- 教科書主題企劃提案。
泰山職業訓練
助理訓練師 | 蔡坤炎
在訓期間，曉淇主動擔任班長一職，用心協助班級事務管理，成為老師及學員間溝通順暢的橋樑；在學習過程中除了展現專注的學習能力外，也會關心身旁同學的學習情況，進而提供學習的建議及技巧。曉淇在專題製作的表現上，結合本身的專業設計美感，將前端技術與後端程式，結合的更臻完善。
康軒文教
美術編輯組長 | 胡士敏
我很榮幸可以強烈推薦曉淇，在她初進公司，我就見識到她的適應能力。極佳的親和力使其快速的和同事與客戶間融成一片。她的努力態度和專業的工作技巧也是必備特質，而且不只是我一個人重視，連她的同儕也很重視，我很有信心曉淇會盡她所能幫助貴公司成長。
育達文化
編輯主任 | 陳昭英
曉淇工作態度專注以及積極主動，對於工作內容掌握能力極佳，亦能主動溝通工作狀況，也會提供給同事相關設計上的建議，因此在職期間很快即升職並勝任主管一職。相信同樣的工作態度及能力，加上新習得之技能，一定能對下份工作發揮極佳的助益。
Skills
視覺設計
- Illustrator
- Photoshop
- InDesign
- Figma
前端開發
- HTML
- CSS
- Sass
- Bootstrap
- JavaScript
- jQuery
- Vue.js
- Vuetify
後端技術
- Node.js
- MongoDB
- Git
My Portfolio
.png)
專題設計 - goodjob 外包網
在家工作的「SOHO型態」及「專業外包」將是未來趨勢，但市面上的外包網站版面太過雜亂、使用複雜，為解決這些問題，產生了優化外包網的概念網站「goodjob」。從網站的架構、前端設計到後端設計，從無到有獨立完成。
網站功能
- 會員 / 業主 - 註冊及登入
- 會員 / 業主個人資料 - 編輯修改
- 會員作品 / 業主案件 - 建立及編輯
- 會員作品 / 業主案件 - 加入及刪除收藏
- 會員 - 發送或退回投稿請求
- 業主 - 回覆投稿請求
- 會員 / 業主 - 案件進行與結案狀況查詢
- 作品 / 案件列表 - 分類查詢
- 會員 / 業主 - 權限狀態管理
- 首頁作品輪播圖 - 新增及刪除
使用技術
- HTML
- Sass
- Vue.js
- Vuetify
- Axios
- Express.js
- Node.js
- MongoDB
- Heroku
- Google Analytics
eggCooking - 煎蛋遊戲
一款模擬煎蛋情境的計分遊戲，點擊熟透的荷包蛋才算得分，快來看看煎蛋高手是不是你。
- Illustrator
- HTML
- CSS
- JavaScript
catCockroach - 貓咪打蟑螂遊戲
使用 jQuery 的 DOM 操作和動畫製作而成。時間內，幫助貓咪打扁隨機竄出的蟑螂。成功點擊分數加一、不小心打破杯子分數減一，左上角同時計算各別數量，總分呈現在畫面上方。
- Photoshop
- HTML
- CSS
- jQuery
flopame - 名畫配對翻牌遊戲
使用 CSS 3D 實現翻牌配對遊戲。上下排分別是隨機的藝術家及其代表作，當找到配對的卡片時，名畫資訊將會浮現在書本中間。以遊戲的方式增加孩童藝術方面學習的趣味性。
- Photoshop
- HTML
- CSS
- jQuery
Unsimple 皮件鋪 - 網頁切版
使用 Bootstrap 切版的一頁式網站，擁有因應各種裝置的 RWD。
- Photoshop
- HTML
- CSS
- Bootstrap
Restaurent - 網頁切版
使用原生 CSS 切版的大型 DEMO ，樣式細節上層次多樣，標題文字添加 animate.css 動畫，同樣擁有因應各種裝置的 RWD 。
- HTML
- CSS
linebot - 天文日記機器人
串接「網路天文館」的天象預報資訊。可依據需求選擇「指定日期」查詢、或「最新活動」的產生五筆消息，進而掌握最新天象活動。其他功能包含相關的天文展覽、每日星座運勢等，增加追星一族更多豐富的天文資訊。
- Photoshop
- JavaScript
- jQuery
- Axios
- cheerio.js
- Node.js
- Heroku