Erica's Ui Portfolio

Page 1

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帳號

綁定已完成

Facebook

綁定已完成

變更

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帳號

綁定已完成

Facebook

綁定已完成

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. "


Turn static files into dynamic content formats.

Create a flipbook
Issuu converts static files into: digital portfolios, online yearbooks, online catalogs, digital photo albums and more. Sign up and create your flipbook.