2019Portfolio

Page 1

WEN YU-TZU





WEN YU-TZU Experience

UI Designer

2017.9-now 群光電能科技 先進技術中心 / 設計師

Education 銘傳大學商品設計學系 復興商工美工科 SKill Adobe Illustrator Adobe Photoshop Adobe XD Sketch Zeplin Rhinoceros Creo Parametric Keyshot

App介面設計與流程規劃、原型測試 網站規劃與設計 依據設計規範執行介面設計 工業產品外型設計 產品易用性調查與開發流程UX研究

UX Intern

2017.7-8 和碩聯合科技 互動設計部門 / 實習生 易用性測試 使用者訪談 UX研究討論

Design Intern 2016.7-2018.5 森奧策略設計 / 實習生 產品外觀設計 CI與平面設計 攝影

Design Intern

2015.7-8 Haoshi良式設計暑期 / 實習生

展場設計 攝影場景佈置 新產品提案


About Work

1

About Student

4

About Internship

7

IMD Motor ID Design App Design Graphic Design

Tour-Go

ID Design App Design Graphic Design

Pegatron

2017.8-2017.7 Interaction Intern


2 5 8

IWA Web

Web Design Grpphic Design

Sot Cafe App Design

Core Studio 2017.4-2016.7 Designer

3 6 9

IWA UX Rearch

Quantitative survey UI System Usability Scale

Graphic Design Poster & VI

Haoshi Design 2015.8-2015.7 Design Intern



1

IMD Motor ID Design App Design Graphic Design


ID Design

IMD Motor

IMD Motor ID Design

將機身形體設計為弧形來降低視覺量感,在上蓋以 流線外型呈現快速、流暢意象,色彩上選擇深灰色 的霧面材質,傳達出低調沈穩的產品形象。 在操作上突破傳統馬達的操作方式,與App連線後 可即時了解馬達當前狀態並進行參數調整,透過軟 硬體的搭配讓使用上更加靈活、智慧。 Inspiration for shape


IMD Motor

Concept1


App Design

IMD Motor

IMD Motor App Design

查看參數

Site Map Yes

連線 藍芽/QR CODE

連線確定 No

產品狀態

產品狀態 儲存設定

數值調整

儲存成功

儲存 No


IMD Motor

Wireframe

Concept1


App Design

IMD Motor App Design

IMD Motor


IMD Motor

Concept1

中文 蘋方繁

#F98942 Color Pallete

#1467D9 #757575

壹貳參肆伍陸柒捌玖拾 Typography

English Lato AaBbCcDdEe

Other Screens


Graphic Design

IMD Motor

Graphic Design - DM

IMD Motor


IMD Motor

Concept1



2

IWA Web

Web Design Grpphic Design


Web Design

IWA Web Web Design

IWA Web


IWA Web

最新消息

高效馬達

Main Page

首頁

工業電源

應用情境

公司簡介

Concept2


Web Design

IWA Web Web Design

Screens

IWA Web


IWA Web

Concept2



3

IWA UX Rearch

Quantitative survey UI System Usability Scale


Quantitative survey

IWA UX

IWA UX

Space Cycle User Experience Survey

本次研究使用量化研究,有效問卷共10份上海6份/北京4份

職務與一天使用次數 IWA系統

營運

IWA系統

5-6 次

接待

教練

5-6 次

IWA系統

IWA系統

3-4 次

IWA系統

1-2 次

3-4 次

有效問卷共10份 6份/北京4份


IWA UX

Concept3

? 最常使用的功能為何

表層設備控制 底層設備(單點)控制 查看通知

1

2

3

4

很少

5 經常 有效問卷共10份 6份/北京4份

功能的滿意度為何? 功能的滿意度為何

表層設備控制 底層設備(單點)控制 查看通知

1

2

3

4

很差

有效問卷共10份 6份/北京4份

得分 易用性評估得分

5 很好

Best Imaginable Excellent Good

OK Poor Worst Imaginable

100 90 80 70 60 50

北京店

76.5 68.5

>SUS平均值68分 分

40 30 20 10 0

有效問卷共9份 5份/北京4份



4

Tour-Go

ID Design App Design Graphic Design


Research

Tour-Go

Tour-Go / 租借式城市漫遊幫手 Research

Tour-Go 是一款推廣城市漫遊的公共租借平衡車,搭配APP解決繁鎖的行程規劃和交通工 具租借的不便,改造以往的平衡車,增加其易學性與舒適度,讓使用者能來一場臨時起意的 慢活輕旅行。藉由個人化車燈設計與APP應用,增加人與人的交流,利用創新載具找回旅行 初衷!


Tour-Go

1

motivation

1

motivation

2

creative concept

Concept4

3

user

4

place

針對在繁忙的生活裡有空閒時間卻不知道如何運用的使用者,設計出以慢 活、短程為出發點的新穎載具,讓使用者能臨時起意的來一場輕旅行, 並且增加旅途中人與人交流的契機。

2

creative concept 透過新的騎乘方式與app的搭配帶給使用者新的體驗,並利用載具與app 的結合增加旅途中人與人交流的契機。

3

user 18-29歲大學生與上班族。

4

place 租借站地點設置在市區與市郊,瞄準觀光較不發達城市帶動觀光(例如:桃 園市)吸引目標族群在想休息或假日多了新的選擇,滿足使用者想放鬆身 心與近來祕密景點越來越吸引人的趨勢。


Research

Tour-Go

Tour-Go / 租借式城市漫遊幫手 User Journey Map

聊天,打招呼 拍照,設定車燈顏色 放下坐墊 掃描QRCORE 載具解鎖 用app規劃行程

使用導航到租借站

開啟app 設定基本資料

穿梭城市 開始騎乘

連動導航

搜尋租借站

app顯示今天 回到租借站 交換的照片

調整座椅

停妥載具 查看手機扣款

與信用卡連動

set up app

rent out Tour-Go

wonder city

revert and feedback


Tour-Go

Concept4

Market Strategy

Strategic partners

Key activities

Value proposition

投資人

app軟體開發

app規劃行程的方便性

segway供應商

產品與服務開發

增加旅途中互動契機

地方政府 (第三方)支付夥伴合作

獨特的體驗 Key resources

騎乘安全

Customer relationship

親切感 巧遇親密感 Channels

租借站的市有土地

APP

軟體與硬體開發

網站 口碑 Revenue

Cost

app軟體技術

政府合作補助金

車輛維修,客服

騎乘收入

租借站硬體成本

廣告收入

資訊系統維護

Customer segment

當地人 外地遊玩旅客


ID Design

Tour-Go / 租借式城市漫遊幫手 ID Design

Tour-Go


Tour-Go

operation :

detail :

01 sensor與電源鍵 02 車燈 03 座椅下拉調整 04 磁吸式解鎖

Concept4


App Design

Tour-Go

Tour-Go / 租借式城市漫遊幫手 App Design

租借流程:

main page

行程確認

掃描QRCODE

租借成功

連動導航


Tour-Go

Concept4

COLOR SCHEMES

TYPOGAPHY

AaBbCcDd

一二三四五六七

Arial

華康中圓體

#65D66E

#FFEC6E

#FFFFFF

UI FLOW

城市設定

選擇城市

找找站點 我的足跡 車況

功能教學 連絡客服

服務

故障回報

導覽列 我的行程 功能列

景點搜尋

確認行程

掃描租借站Qrcode

照片調整

設定車燈

主畫面 直接租借 拍照 相本 個人頁面 設定

收藏 觀看蒐集到的照片

個人資料

姓名 電話 付款方式

聊天

租借成功

導航


Transaction

Tour-Go

TANSACTION AWARD

MENTOR 專題實作課 & 技嘉/和碩 業師指導討論


Concept3


Presentation

Tour-Go

2017 5.19-23 新一代設計展 APP原型展示 模型展示


Concept3



5

Sot Cafe App Design


App Design

Sot Cafe

SOT CAFE

Sot Cafe / 外帶系統 App Design

meal beverage sweet


Sot Cafe

Concept5

4

ORDER

SOT CAFE

Track Order

meal ...

Houston Steak 12 oz ×1

...

Check order 14:20

$360 Houston Steak 12 oz

$430

...

Rosemary Lamb chops

$540

...

Lemon Sparkling Water... ×2

Cooking 14:55

$200

Cheese pie ×1

Berry Juice ×1

...

Delivery ...

$340 ...

$120

Shipping fee: free Coupon: -100

Total : 920

Arrive

Scheduled to arrive at

15:40

2



6

Graphic Design Poster & VI


Poster

Graphic

共生效應 Poster & VI

設計,是一種共生 經歷時間的推衍 在衝突、摩擦中尋找平衡 在互助、合作中 「共榮共存 相依而生」


Graphic

Concept6


Poster

Graphic

2 0 1 7 創意手語聯合展演 SignLanguagePerformanceArt 利用斜線視覺與漸層表現出畫面動感,透明度不一的手部圖片營造出虛實, 文字使用同心圓斜線表現出漣漪的意境。


Graphic

Concept6



7

Pegatron

2017.8-2017.7 Interaction Intern


2018/7-8

Intern in Pegatron

UX Research

訂定訪談內容 與目標

受訪者訪談 與測試

製作逐字稿

製作 USER PROFILE


Intern in Pegatron

尋找機會點

小組討論 歸類與收斂

Concept7

分工製作PPT

PRESENT!



8

Core Studio 2017.4-2016.7 Designer


2016/7-2017/4

Intern in Core Studio

No Man is an Island No man is an island, entire of itself every man is a piece of the continent, a part of the main if a clod be washed away by the sea, Europe is the less, as well as if a promontory were, as well as if a manor of thy friends or of thine own were any man's death diminishes me, because I am involved in mankind and therefore never send to know for whom the bell tolls it tolls for thee. -John Donne-


Intern in Core Studio

Logo Design

Design with Wady Lien

Concept8


2016/7-2017/4

Intern in Core Studio

Brand Logo

Söt Café Bistronömy

söt cafe bistronomy


Intern in Core Studio

Concept8

Typography

elegant

island


2016/7-2017/4

Intern in Core Studio

Product Design / 擠壓式冰淇淋機


Intern in Core Studio

Concept8

material metal-matte black brushed metal concrete

Founder

Sleek

low-proďŹ le


2016/7-2017/4

Intern in Core Studio


Intern in Core Studio

晚宴包場 Söt Café Bistronömy 4/27 17:00後暫停接客

Concept8



9

Haoshi Design 2015.8-2015.7 Design Intern


2015/7-8

Intern in Haoshi Design

Cuckoo X CLOCK - colorful 拍攝情境 展場設計流程

Initial

與老闆討論初步展場發想與風格 初步修改後與老闆進行二次討論 展場費用規劃 列出代買家具清單 費用規劃 展場設計確定 與木工師傅討論尺寸 購買家具與展場所需陳設品 與木工師傅確認 展場所需陳設品進行噴漆與細節修整 當天協助木工師傅搭建展場 將家具與陳設品擺至展場 拍攝!

Final


Intern in Haoshi Design

Concept9


2015/7-8

Intern in Haoshi Design

Cuckoo X CLOCK - colorful 展場設計-最後呈現


Intern in Haoshi Design

Concept9


2015/7-8

Intern in Haoshi Design


Intern in Haoshi Design

Concept9


2015/7-8

Intern in Haoshi Design


Intern in Haoshi Design

Concept9



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.