楊睿宇 Nomis Yang

  畢業於世新大學社會心理學系,具五年的工作經驗,沈著細心、責任心強,擅長溝通與團隊合作。在疫情肆虐及變動的大環境下,我思考著自己職涯發展的其他可能,在評估自身經歷與工作經驗的關聯性後,萌生轉職UIUX設計師的想法。

  2022 年 3 月參與政府自辦的「前端網頁開發技術」專業課程,在為期半年的訓練中學習 HTML、CSS、RWD、Wireframe 及 Figma 等 UI/UX 技能。

  具備介面設計與網頁開發核心技能,結合心理學與社會學背景知識,是我與眾不同的優勢能將所學理論實際應用在網頁設計開發上,開發兼具質感與功能的網頁產品。目前除保持對 HTML、CSS 開發技術的敏銳度外,仍持續從線上課程精進 UI、UX 設計技術,期許自己未來能具備更多相關技術與能力,朝全方位的UI/UX 設計人才目標前進。

https://mudi0710.github.io/CV_2023/

  New Taipei City, Taiwan   |  0987 - 999 - 378  |         

UI / UX Designer

工作經歷

專業技能

前端開發


  •    HTML
  •    CSS
  •    JavaScript
  •    Scss / Sass
  •    Bootstrap
  •    jQuery
  •   Vue.js

後端技術


  •   Node.js
  •   Express.js
  •   MongoDB
  •   Cloudinary
  •   Heroku

視覺設計


  •    Photoshop
  •    illustrator
  •    Figma


版本控制


  •   Git

學習歷程



泰山職業訓練場

前端網頁開發技術班 ( 936小時 )

Mar 2022 - Aug 2022

  • 參加泰山職業訓練場自辦為期半年的職前訓練,學習前端網頁開發相關專業知識與必備技能,並擔任副班長一職。 
  • 個人專題製作:法師事務所
  • 網頁編排技術:HTML 5 / CSS 3 / SASS / Bootstrap / RWD / Vuetify / Quasar
  • 網頁動態技術:JavaScript (ES6) / jQuery / Vue.js 3
  • 後端與資料庫:Node.js / MongoDB / Cloudinary / Express.js / Heroku / Git
  • 數位媒體應用:Photoshop / Illustrator / Figma / UI & UX


世新大學

社會心理學系

Sep 2011 - Jun 2015

  • 於電算中心工讀,學習影片剪輯技術,並透過工程師分享之自學網站,認識 HTML 基礎語法。 
  • 擔任課堂助教,輔佐教授以順利進行課堂教學,並幫助學弟妹解決課程問題。
  • 擁有心理學與社會學背景知識,能將所學理論實際應用在網頁開發上,優化使用者介面(UI)與體驗(UX)。

職涯經歷


人資與培訓專員  / 啟諾科技有限公司

Sep 2020 - Nov 2021

  • 職能培訓: 身為《TTT企業專業課程認證講師》,負責客服部門每月培訓課程,支援公司年度培訓計畫並擔任講師,獨立開發並講授《有效提升溝通力》課程,獲得學員一致高度肯定,滿意度為 5 分滿分。

  • 招募管理: 負責單位人力招募作業,包含用人需求調查、履歷審核、維護招募管道、面談相關作業及新人報到安排,曾於年末一個月內獨立招募 12 位新人入職。

  • 數據分析: 負責彙整各項服務數據,分析客服部門營運優劣勢,產出服務報告、提出優化建議。


專案經理  / 鉅微管理顧問股份有限公司

Sep 2019 - Jul 2020

  • 專案執行: 負責 Google、Micron、P&G、花王、信義房屋…等國內外至少 40 家企業客戶的年度專案,包含活動企劃、執行、成本控制、服務成效評估。

  • 關係維護: 負責國內外企業客戶關係維護,包含書信來往、線上會議主持、實地拜訪等。

  • 業務開發: 負責對外推廣公司內部方案與課程,開發新合約,並負責既有客戶續約、提案報價與議價。


行政專員  / 財團法人伊甸社會福利基金會-臺北市大龍養護中心

Jul 2017 - Aug 2019

  • 專案管理: 獨立負責至少 5 件政府補助專案計畫,包含申請、執行與核銷。

  • 財會作業: 獨立負責中心所有收入支出 ERP 系統管理、零用金出納、年度預算管理與控制。

  • 薪酬管理: 獨立負責中心約 35 人之薪酬計算、班表安排、差勤管理與福利給予、協助中心人事招募與任用及管理外籍勞工之相關人事行政作業。


特別助理  / 六星集股份有限公司

Sep 2016 - Jan 2017

  • 行程管理: 負責總經理工作行程規劃、安排與隨行,支援商務場合,具有與高階經理人交流之經驗。

  • 活動策畫: 協助規劃公司 400 人以上之年度尾牙活動與執行,具有大型活動辦理經驗。

  • 業務開發: 協助業務部門開發合作企業夥伴,具有陌生開發與商業合作會談經驗。

作品集


專題作品 - 法師事務所

為協助母親將道教靈學發揚光大,以「律師事務所」為設計概念出發,從網站視覺、架構、前端到後端設計,獨立完成一個母親專屬的個人網站,讓母親能宣揚靈學知識的同時獲得更多曝光,與對靈學有興趣的人們相互交流,且網站專注於 RWD 設計,使用手機、電腦操作皆無障礙。

查看 UI / UX 設計過程        查看專題開發成果

網站功能


  • 會員 / 管理者 - 註冊及登入
  • 會員 / 管理者 - 個人資料編輯修改
  • 會員 / 管理者 - 訂單查詢
  • 會員 - 購物車系統
  • 管理者 - 手工商品新增、修改、刪除、查詢
  • 管理者 - 服務項目新增、修改、刪除、查詢
  • 管理者 - 全站文章新增、修改、刪除、查詢
  • 管理者 - 全站文宣(含輪播圖)新增、修改、刪除

使用技術


  • 網頁編排技術
    HTML / Sass / RWD / Quasar / SweetAlert
  • 網頁動態技術
    Vue.js 3
  • 後端與資料庫
    Node.js / MongoDB / Cloudinary / Express.js / Heroku
  • 其他相關技術

    Axios / Bcrypt / Cors / Npm / Passport / Pinia / Vaildator


獵殺波利 - RO 懷舊射擊遊戲

   使用 jQuery 的 DOM 操作製作而成
以懷舊線上遊戲 ⟪仙境傳說⟫ 為出發點,搭配武器選擇、技能元素與背景音樂,呈現豐富的視聽效果與操作體驗,讓使用者回憶遊戲最初的感動

在特定時間內獵殺波利,不同波利擁有各自的特性及分數,可於右側功能區切換職業性別(施放技能不同)與武器造型,點擊遊戲開始後,總分及剩餘時間將呈現在右下方。

  • Photoshop
  • HTML
  • CSS
  • jQuery

* 瀏覽裝置解析度建議 1600 x 900 以上
* 遊戲開始後將自動播放背景音樂,敬請留意裝置播放音量

開始遊戲

魷魚遊戲 - 軟足類動物翻牌配對遊戲

   使用 jQuery 結合 CSS 3D 實現的翻牌配對遊戲
以當紅影集 ⟪Squid Game⟫ 為出發點,結合「十秒鐘教室」繪製之常見軟足類動物圖,以遊戲的方式增加大眾對於易混淆動物的認識。

上下排分別是隨機的軟足類動物外型及名稱,當找到配對的卡片時,軟足類動物簡介將會浮現在中間。

  • Photoshop
  • HTML
  • CSS
  • jQuery

* 瀏覽裝置解析度建議 1200 x 675 以上

開始遊戲


Relax Time - 線上時鐘

  結合 JavaScript 的 DOM 操作與 CSS Rotate 製作而成
在「繁忙都市中生活的現代人,別忘了找個寧靜角落喘口氣」的心情下,製作一個能讓上班族在「休息片刻再繼續趕場」的狀況下,查詢時間的線上時鐘。

採用低飽和、柔軟色調,配合簡單乾淨的版面,試圖營造舒緩情緒、釋放壓力的氛圍,讓使用者可以隨心情切換喜歡的色調之餘,也訓練自己對色彩搭配以及 CSS Shadow 操作的熟練度。

  • HTML
  • CSS
  • JavaScript

前往使用

Just Calculator - 線上計算機

  結合 JavaScript 的 DOM 操作與 Table 製作而成
精簡俐落的工作環境及桌面,不但助益於情緒舒適度,也能提升工作效率。「追求質感與效率?從工具開始吧!解放你的工作台面,交給線上程式。」

採用無印風格設計,以免費圖庫取得的背景來模擬工作場景,讓使用者無需再使用笨重的實體計算機,利用滑鼠或鍵盤就能完成簡易的運算需求。

  • HTML
  • CSS
  • JavaScript

前往使用