KTB PIB

AngularUI/UXIonic
作品連結

在碩士班期間,我參加了台灣微軟的未來生涯實習計畫,被分派到 Microsoft Consulting Service 部門參與銀行專案。身為技術助理,我與專案成員一起開發個人行動網銀及個人網銀的部分功能。由於具備前端開發及 UI/UX 設計能力,被交付優化現行的行動網銀 UI/UX,並建立前端元件使用規範。後期也協助團隊將 Ionic framework live reload 編譯時間從 600 秒降低至 80 秒。

負責

  1. 規劃前端元件使用規範,並統一個人行動網銀設計語言。
  2. 使用 Angular 開發個人網銀及行動網銀功能,包含前端畫面切版及業務流程程式撰寫與 API 串接。
  3. 排除 Ionic framework live reload 速度過慢的問題,將 600 秒的編譯時間降低至 80 秒。

使用技術

Angular
搭配 Ionic framework 作為前端組件庫,使用 SCSS 進行部分元件的客製化。
Sketch
匯出設計出的 UI 設計規範給團隊成員參考。

作品截圖

舊版:外幣匯入匯款查詢
舊版:外幣匯入匯款查詢
舊版:台幣開立定存查詢註銷
舊版:台幣開立定存查詢註銷
舊版:外幣定存變更解約
舊版:外幣定存變更解約
新版:外幣匯入匯款查詢
新版:外幣匯入匯款查詢
新版:台幣開立定存查詢註銷
新版:台幣開立定存查詢註銷
新版:外幣定存變更解約
新版:外幣定存變更解約
投資屬性評量表
投資屬性評量表
停損/停利提醒設定
停損/停利提醒設定
淨值提醒設定
淨值提醒設定
基金通知設定
基金通知設定