Page 1

UI/UX PORTFOLIO A N G E L A

T S O U


A n g e l a Ts o u 鄒禹彤

+886 988124778 loveshebest@gmail.com


EXPERIENCE

S K I L LS

EDUCATION

VISUAL

中國文化大學

Illustrator | Photoshop | Indesign | Lightroom

勞工關係學系勞資關係組

USER INTERFACE WORK

Sketch | Zeplin | html+css

September 2016 - September 2017

UI designer - FUNDAY智擎科技 UI介面設計 / 流程規劃 / 產品維護 / 視覺設計

LANGUAGE

October 2015 - March 2016

Chinese | English

UI/UX design intern - CHOCOLABAS歐酷網路 介面維護及優化 / 產品開發 / 視覺設計 / 影音製作

Jaunary 2015 - September 2015

Graphic designer - 購意思商貿 平面設計 / 社群維護

July 2014 - August 2014

Human Resources Assistant - 古典玫瑰園 面試邀請 / 履歷篩選 / 教育訓練協助與規劃

HOBBITS & INTERESTS


CONTENT


FUNDAY

......................... 6

影劇找找

........................ 14

等等(Wating)

........................ 16

Other Works

........................ 20


FUNDAY Web UI design | 2017 Spring FUNDAY是一個功能強大的線上多媒體英日語教學平台,每日提供結合最新時事的英日 語教材與真人互動視訊教學,希望藉由有趣且多元的教材讓大家更親近外語、無負擔的 學習,並利用跨平台行動裝置致力符合現代人所需的語言學習環境。

Color Scheme #


MOBILE WEB UI

側邊欄

首頁_自主學習

文章瀏覽設定

切換日文版 / 訊息公告 / 個人收錄 / 網頁導覽 / 客服資訊

文章列表,讓使用者選擇感興趣的文章開始學習。

依使用者的語文程度需求和感興


興趣的類別做個人化設定。

首頁_專業指導

課表

提供各類型的視訊課程,並依不同類型的教室做分類,供使

以時間軸的方式呈現即將開課的課程列表。

用者依個人的需求選擇上課教室。


UI FLOW - LOGING & SIGN UP ・登陸頁

・登入頁

・忘記密碼

登入

登入

忘記密碼嗎?

wang@gmail.com

0912345678

請輸入您的帳號(信箱) 我們會將密碼寄到您在FUNDAY所註冊的信箱

wang@gmail.com

送出

q w e

登入

免費加入

r

Facebook登入

a s d

忘記密碼?

z

t f

y u g h

x c

・註冊_資料確認

建立你的帳號

・簡訊認證碼

資料確認

k

l

return

・簡訊認證碼_輸入後

簡訊認證碼

簡訊認證碼

王小明 男

j

o p

v b n m space

・註冊頁

i

Q W Q 6 3 A

姓名

王小明

性別

帳號(信箱)

wang@gmail.com

密碼

0912345678

wang@gmail.com 例:user@gmail.com

0912345678 請填寫正確手機號碼以取得「簡訊認證碼」

送出 沒收到驗證碼嗎?

點擊展開

q w e

使用Facebook註冊 輸入簡訊驗證碼

修改

確認

r

a s d z

t f

x c

沒收到驗證碼嗎?

輸入認證碼

重寄驗證碼

請輸入您的手機號碼

註冊

送出

y u g h

i j

o p k

l

v b n m space

return

q w e

r

a s d z

t f

x c

y u g h

i j

o p k

l

v b n m space

return


U I F L O W - L E A R N I N G PA G E

・文章瀏覽設定

・首頁_文章列表 瀏覽設定

・首頁_視訊課程列表

FUNDAY

重設

・視訊課程時間表

FUNDAY

課表

2018年01月

選擇語言 英文

Mon

01

中文

標題

選擇等級 A1 初階 B2 中高階

A2 初中階

B1 中階

標題

標題

三大分類

標題

標題

標題

標題

產業科技

財經社會

文化藝術

淺談職場

消費生活

運動健身

旅遊娛樂

文章分類

文章分類

文章分類

文章標題文章標題文章標 題文章標題文章標題...

文章標題文章標題文章標 題文章標題文章標題...

文章標題文章標題文章標 題文章標題文章標題...

候位名額

CEFR

CEFR

CEFR

瀏覽數

三大分類

飲食健康

CEFR

課程標題課程標題課程標題課程標題課程標 題課程標題課程標題課程標題

瀏覽數

我要候位

文章分類

文章分類

文章分類

文章標題文章標題文章標 題文章標題文章標題...

文章標題文章標題文章標 題文章標題文章標題...

文章標題文章標題文章標 題文章標題文章標題...

・文章頁面

CEFR

候位名額

我要候位

・課程內容介紹頁面 課程介紹

01/01 09:00

Tutor 課程標題

中文標題 2018/01/01 文章分類 / CEFR:A1

中/En

課程資訊 CEFR : A1

文章內容 文章內容 文章內容 文章內容 文章 內容 文章內容 文章內容 文章內容 文章內容 文章內容 文章內容 文章內容 文章內容 文章 內容 文章內容 文章內容 文章內容 文章內容 文章內容 文章內容 文章內容 文章內容 文章 內容 文章內容 文章內容 文章內容 文章內容 文章內容 文章內容 文章內容 文章內容 文章 內容 文章內容 文章內容 文章內容 文章內容 全文

老師講解

單字

片語

Sun

07

CEFR

CEFR

課程標題課程標題課程標題課程標題課程 標題課程標題課程標題課程標題

CEFR

12:00~13:00

課程標題課程標題課程標題課程標題課程標 題課程標題課程標題課程標題

English Title

Sat

06

課程標題課程標題課程標題課程標題課程 標題課程標題課程標題課程標題

Tutor

上課提醒

候位名額

教室種類 Tutor

教室種類 Tutor

01/01/2018

確定

課程標題課程標題課程標題課程標題課程標 題課程標題課程標題課程標題

教室分類

All >

Fri

05

12:00~13:00

Tutor

社會紀實

Thu

04

課程標題課程標題課程標題課程標題課程 標題課程標題課程標題課程標題 01/01/2018

政治國際

03

教室種類 Tutor

C1 高階

選擇你喜愛的頻道

02

Wed

09:00

標題

教室分類

All >

Tue

2018/01/01 09:00

課程內容 課綱1 課綱2課綱2 課綱3課綱3課綱3 課綱4課綱4課綱4課綱4課綱4

10:00 課程標題課程標題課程標題課程標題課程標 題課程標題課程標題課程標題 候位名額

教室種類 Tutor

CEFR

課程標題課程標題課程標題課程標題課程 標題課程標題課程標題課程標題


D E S K T O P W E B H O M E PA G E U I 顯示個人等級 廣播

公告訊息 有新公告時換色

該文章有開課 出現鈴鐺圖示

Hover狀態

文章分類/文章標題 內文/文章等級/瀏覽人次


D E S K T O P W E B L E A R N I N G PA G E U I

文章功能列表 略讀 / 語文切換 / 單字庫 / 書籤 / 列印

文章分類 CEFR等級(A1-C2)

該文章有老師開課時 會顯示開課提醒 平時則為文章配圖

語速調整

學習功能列表

課後測驗

廣讀 / 精讀 / 複寫 /老師講解 / 發音練習

有分數狀態 / 平時狀態 / 選取狀態


影劇找找 Android App design | 2016 Spring 在追劇的時候難免會遇到片源損壞或有地區限制的窘境,然而免費影音平台眾多,一一 嘗試又會浪費大把時間,影劇找找能一次提供不同片源結果,讓使用者快速瀏覽,滿足 快速找到影劇的需求。

Color Scheme #


UI DESIGN & FLOW

點擊搜尋列 顯示搜尋歷史紀錄

點擊畫面進入影劇找找

搜尋結果依綜合/不 同平台來源顯示

點擊進入影音平台

進入影片頁面,點擊 下方按鈕開始觀看!


等等(Wating) iOS App design | 2015 Summer 等等(Waiting)是針對「等待」這個主題進行設計的社群平台;中國的使用者往往會 在例如排隊、塞車等狀況面臨長時間等待的狀況,我們構想了一個基於 LBS,針對「等 待」的主題進行討論,提供資訊的平台。考慮在地化「彈幕」的盛行,在聊天的介面上 面我們也加入彈幕的概念來提供使用者更熟悉的體驗。

Color Scheme #


UI DESIGN


UI DESIGN

登陸頁

登入頁

註冊頁

App開啟時的登陸畫面

使用者登入頁面,可使用協同帳號登入。

填寫使用者註冊資料。


UI DESIGN

主畫面_地圖

主畫面_列表

搜尋設定

直接於地圖頁面呈現各個等等主題,方便駕駛人判斷路況,並 加入彈幕功能便於瀏覽訊息。

列表版主畫面,較適合瀏覽各式等等主題。

調整距離、照片、影片、類型等設定資訊。


Other Works 其他介面設計、Daily UI、視覺設計等


S TA F F M A N AG E M E NT S YS T E M


WEB UI DESIGN


DASHBOARD


D A I LY U I

Daily Traffic

Fitness Card

File storage widget

HR Widget

Contact Card

Add to


D A I LY U I

Compose Email

Email Client

Shots Statistic

Daily Traffic

Pricing Table

Contact Profile Screen


CIS


BROCHURE


THANKS

+886 988124778 loveshebest@gmail.com

UI/UX portfolio  
UI/UX portfolio  
Advertisement