2015 - 2017 UI / Graphic / Illustration Design
Erica's
UI Portfolio
" Hi , I'm Erica. " UI Design is so attractive ,
makes me wanna know more about it.
Content About Me
Personal Info
MMS Lab Bluenet
App / Web
China Airline Wallpaper
可來音樂 Bandzo
Resize / Icon Design
國泰優惠 My Reward
App / Guideline Book
使用者經驗設計協會
Web Redesign
林秀育 Experience 2013
資安海報甄選「Click SSL」 資安動畫甄選「資安之治」
ETF 動畫徵選「金玉滿唐」 2014
手遊 APP「Cybrain」UI 設計人員
於 windows phone / Google Play 平台發布
ITEES 客製化手機殼 手機外殼客製化設計
國科會「AQPS 幼兒情緒測驗」研究助理
遊戲動畫與遊戲操作介面製作
2015
大專生專題研究計畫
高齡化智慧型手機 UI 與 GUI 之探究
MobileHeroes x UiGathering 使用者介面設計與測試工作坊
2016
UI 介面課程講師分享
UX 使用者經驗業界分享 AJA 講堂
2017
新一代設計展
松菸跨界設計展
/ Erica Personal Info 1995.03.08
0922-254086
q237891678n@gmail.com
Education
2013 台中高工圖傳科畢業
2017 臺北科技大學互動設計系畢業
Internship
2015.07 - 2015.09
小不點工作室動畫實習生 2015.07 - 2016.07
北科大多媒體系統研究室 UI 助理 參與專案 | Bluenet
2016.04 - 至今
AJA 大予設計 UI 實習生
參與專案 | 華航 Airlines Wallpaper Bandzo 可來音樂
My Rewards 國泰優惠
國泰優惠 Guideline Book
台新 App Guideline Book AJA 官網案例頁大小網
UiGathering 使用者經驗設計協會
Ability UI Design Sketch
極佳
Marvel
佳
zeplin
佳
Multimedia Design
尚可
Audition
尚可
After Effect Computer Programing
佳
Html5
尚可
Processing
photoshop
極佳
極佳
3Ds Max
佳
Maya
尚可
Unity
極佳
3D Modeling
佳
Flash
InDesign
Illustrator
極佳
invision Premiere
Graphic design
尚可
Mudbox
尚可
尚可
Language
License
中文 - 聽 ( 極佳 ) 說 ( 極佳 ) 讀 ( 極佳 ) 寫 ( 極佳 )
中華民國技術士證印前製程 - 圖文組版丙級技術士
英文 - 聽 ( 尚可 ) 說 ( 尚可 ) 讀 ( 尚可 ) 寫 ( 尚可 )
中華民國技術士證印前製程 - 圖文組版乙級技術士
韓文 - 聽 ( 尚可 ) 說 ( 尚可 ) 讀 ( 尚可 ) 寫 ( 略懂 )
Hobbies
Movie
Food
Novels
POP Music
Travel
MMS Lab Bluenet
App / Web
尋找車子省荷包,分享座位賺外快, 享受大眾運輸般的價錢與計程車般的便利! UI Flow / UI Design / Brand Marketing
前期研究 找出目標使用者,並依照使用偏好做改善,或為新增的功能驗證其必要性。
樣本數量:58 有效樣本:58
目標使用年齡層:15-25 歲
設定 ID
設定ID 變更ID
設定ID
請輸入ID
test12345
test123456 ID已設定成功
請再輸入一次ID 解除綁定
UI Flow
變更ID
節錄我的帳號 - 變更用戶資訊 確定
台灣之星
下午11:49
45%
Sketch
9:41 AM
確定
100%
設定 ID
設定ID 變更ID
9:41 AM
設定ID
請輸入ID
test12345
Sketch
test123456 ID已設定成功
請再輸入一次ID 解除綁定
變更 ID 變更ID
確定
Sketch
9:41 AM
100%
Sketch
用戶確認
變更
電話號碼 變更電話號碼
9:41 AM
確定
100%
變更電話號碼
+886 911222333
+886 911222333 電話號碼已設定成功
傳送驗證碼
簡訊已發送至+886 911222333 驗證碼
請輸入收到的驗證碼
若沒收到簡訊,請按此重發驗證碼 或播打客服電話:0800-000-000,將有專人為您服務。
確定
台灣之星
下午11:49
Sketch Sketch
45%
我的帳號 ID
erica-lin-840308
設定電話號碼
+886 911222333
設定E-mail帳號
綁定已完成
綁定已完成
變更
E-mail 變更E-mail 變更電話號碼
100% 100%
Sketch Sketch
用戶確認 用戶確認
+886 911222333 q237891678n@gmail.com 電話號碼已設定成功 E-mail帳號已設定成功
傳送 送驗 驗證 證碼 碼 傳
簡訊已發送至+886 911222333 信件已發送至q237891678n@gmail.com 請輸入收到的驗證碼 請輸入收到的驗證碼
確定 確定
下午11:49
Sketch
45%
9:41 AM
確定 確定
100%
用戶確認
我的帳號 ID
erica-lin-840308
設定電話號碼
+886 911222333
設定E-mail帳號
綁定已完成
綁定已完成
q237891678n@gmail.com 傳送驗證碼 變更E-mail 信件已發送至q237891678n@gmail.com 驗證碼
請輸入收到的驗證碼
變更密碼 若沒收到簡訊,請按此重發驗證碼
行動條碼
100% 100%
若沒收到簡訊,請按此重發驗證碼 若沒收到簡訊,請按此重發驗證碼 或播打客服電話:0800-000-000,將有專人為您服務。 或播打客服電話:0800-000-000,將有專人為您服務。
行動條碼
台灣之星
9:41 AM 9:41 AM
變更電話號碼 變更綁定E-mail帳號
+886 911222333 q237891678n@gmail.com
驗證碼 驗證碼
變更密碼
9:41 AM 9:41 AM
確定
或播打客服電話:0800-000-000,將有專人為您服務。
Sketch
9:41 AM
100%
變更綁定E-mail帳號
q237891678n@gmail.com E-mail帳號已設定成功
100%
UI Design Web UI Design
https://www.bluenet-ride.com/
Website
Brand Marketing 協助粉專繪製與發布時事插畫
Android Download
iOS Download
華航 China Airline App
帶著走的旅客服務, 創造讓品牌深入人心的航空 APP ! Wallpaper
Wallpaper 進入 AJA 時被 Asign 的第 一個專案,原本在研究室 只專注一種裝置尺寸,第 一次認識 Android 與 ios
之間的差異,以及不同平 台之間的開發也會讓圖檔 有不一樣的製作方式。
共有八款背景,作品集中節 錄其中兩款。
可來音樂 Bandzo App
針對初學者量身打造,搭配 APP 的互動情境, 學生可以在豐富的伴奏音樂中享受練琴的樂趣。 UI Resize / Icon Design
Icon Design 製作 Bandzo 中所有樂器 icon
共:127 個,作品及節錄部分 icon
60px 60px
UI Resize 負責 Android 與 ios 平台 間的轉換,後續也將手機 尺寸轉成平板尺寸。
在這段時間,對各平台的 設計規範熟悉許多,也能 在不同裝置尺寸中維持其 風格的一致性。
FR EE
12:30
48
48
48
SA
LE
48
Android Download
iOS Download
國泰優惠 My Reward
App
享受優惠,你有更好的選擇! 傳遞國泰優惠親切又多樣的折扣與產品體驗 UI Design / Guideline Book
UI Design 在團隊進行敏捷式開發時,負責 首頁改版、紅利兌換、特店優惠 等項目的調整與製作。
因應不同節日,推出不同
Banner 行銷國泰優惠之新功能。
Android Download
iOS Download
Guideline Book 透過文件規範與制定作為後續頁 面延伸與跨平台之設計依據。
因 Guideline Book 頁數較多,僅 節錄部分頁面供參考。
使用者經驗設計協會
Web
在地專業官網新呈現, 提供專業諮詢、散播知識零距離! Web Redesign
前期分析 分析使用者使用痛點,以及協會 理監事對於現況及未來網站的期 許與設計方向。
Web UI Design 因應移動式裝置的使用趨勢,此次改版增加 RWD 的瀏覽方式,讓使用者不論
何時何地都能便利瀏覽。此外,應用破框的元素以及協會的標準色彩,為官網
帶來活力與親切感,而大幅的 Landing Page,讓官網在活潑之餘又不失大氣、 專業的形象!
而文字較多的頁面則以新的排版樣式搭配適當的間距與字體粗細,不只讓可讀 性大幅提升,更讓使用者在瀏覽時能更快找到自己需要的資訊,避免迷失在點 擊中、耗損耐心。
最後加上協會理監事為年輕的業界夥伴們所新增的產學新知平台,讓業界同好 在瀏覽時透過理監事們有溫度的文字分享,理解此用者經驗是如何發生在生活 周遭,也可以因此縮減協會與使用者之間的距離感!
此為實習專案 , 待結案 http://www.uigathering.org/wp/zh/index/
" Thank You. "