2015 peiyu yang portfolio

2012-2015

Portfolio Pei Yu Yang

Peiyu Yang experience

personal info

Summer UI Intern / Trend Micro

wahuhaha@hotmail.com

Dr.Safety UI Redesign,

1992.02.03

165 Workshop 2014.July-September

0986996877 wahuhaha

Workshop Participants /「Dai FujiwaraPower Photo Point X Color Hunting」

2011-2015 Industrial Design

Flowing Maokong

/Shih Chien University

2014.January-March

2007-2010 National Tainan Girls

Teaching Planning /「LEAD SHINE」

Senior High School

SCID Summer Workshop for high school students 2013.May-August

proficiency skill 3D MODELING

GRAPHIC

Alias

Photoshop

Keyshot

Illstration

UI PROTOTYPE Axure RP

pASSION & HOBBIES

photography

music

nature

hiking

CONTENT 01

11

19

DR.SAFETY REDESIGN PROPOSAL

SHOT SHOPPIN

COMING BABY

UI Design

UI Design

27

35

43

PLAYNET

CIRCLE FUN

GOPRO VR HELMET

Product Design

Product Design

Product Design

53

61

69

DROPY PLANT

SUITCASE SPACE

FLOWING MAOKONG

Product Design

Product Design

Reginal Design

UI Design

Graduation Project

Workshop Project

Dr.safety Redesign Proposal

Android App UI Redesign Summer Intern Project

August,2014 1.5 Months

dr .safety redesign

design goals

Increase Downloads

1

aware

9 quit

Provide Feedback

8 reward

2 evaluate

User Experience Cycle

7 advocate Share with Others on Facebook

3 commit

4 learn 6 challenge

Improve Existing Problem

Enhance First Use

5 use 1.Habits of Using Mobile Security Software 2.Increase the Using Frequency 3.Increase the Number of Active Users

03 | 04

target user According to design goals, we sort out these kinds of people may need to use Dr.Safety.

often play phone games

unfamiliar to antivirus software

download apps

LOST trade online

people who worry about losing their phone

design features

Solutions 1..scanning process 2.feedback system 3.lost phone 4.first use experience

using social website

dr .safety redesign

design features scanning process solutions 1.ONE SCANNING BOTTON

2.LUCKY DRAW

Users cannot tell apart different threats, they hope one scanning process could solve all problems and also save scanning time.

According to design goals, we need to enhance user’s interest of scanning.

Our free-app users don’t know more about phone security.

We tried lucky draw and coupon to make users more interested in scanning.

When entering the app, scanning process will run immediately.

WORK FLOWS 按下”立即掃 描”

中止掃毒完成 -安全

沒有威脅

掃描畫面

w

有無 威脅

有威脅

中止- w 顯示威脅

有威脅

有無 威脅

停止掃描

顯示威脅

w

w

一鍵清除 沒有威脅

清除威脅 沒有威脅 w -安全

點選病毒資訊

點選heatbleed

掃毒完成 w -安全

w

病毒清單

w

w Heartbleed 清單 隱私威脅資 訊

w Bonus time

w

有沒有 抽中 coupon

coupon

其他物品

w

w

05 | 06

wireframes

threat

clean

bonus page

coupon others

dr .safety redesign

design features lost phone prvention solutions 1.when searching

2.trend website

07 | 08

3.ui remind

search

connect to fb list

email

work flow 按下”找手機 “icon

啟動防護page

w

2

登入page

註冊

w

登入/輸入信箱

Register process

w

1.信箱/姓名 2.輸入密碼 >建立護照

w 手機失竊教學設定

w 加入程式清單(fb)

失竊教學進階設定

Setting page

w

詢問權限

dr .safety redesign

wireframes

sign in

tutorial

09 | 10

design features first use experience

welcome

lost phone

exp&feedback

website security

scan&coupon

scan tutorial

Shot Shoppin

Android app design Senior Year Project December,2014 1.5 Months

shot shoppin

Concept Everything Can Be Bought in Your Daily Life

Shot Shoppin a new type of shopping

Consumers are often affected to buy or know things in daily life.

They can get information from Shot Shoppin immediately. By using Image recognition and augmented reality, now we can do shopping everywhere.

13 | 14

Affected Comsumer Type When you see something you want, you can buy it immediately by using Shot Shoppin. It mainly affect “pure impulse buyer”, which are easy to be attracted by new products.

Prompt Impulse Buying

Pure Impulse Buying

I have not seen it before.

But I think I need this.

It looks nice!

I want to buy it.

User journey nice scooter!

someone told me it’s goood.

Motivation:want to buy not only in shops but every where

MAIN DESIGN PART

Maintain “want to buy”to”buy” many reasons may affect ultimate result

this cup looks amazing!

check what it is??

is it on sale??

how much? where to buy

go to shop or website to buy

go to shop website

Goal Acheive:buy things

shot shoppin

Work Flow

click icon

cart

suggest

favorites

camera

camera link

picture link/edit

Ways to Enter System

searching

search

add clues

target

suggest clues add clues

Product Information Section possibe target accuracy

more info introduce

buying

on sale

out of stock recommend other products

buy online

shop nearby

add to cart

related

15 | 16

basic features When seeing any product you are interested in, you can search it with Shot Shopping immediaty. If this product is on sale, you can buy it online.

searching rank by accuracy / add clues to increace accuracy

related stuff provide related stuff according to labels

shopping cart system classify things according to labels

product information can add to favorites/cart and share it

map consumer can decide to buy online or in shop nearby if they choose store, system will show map

shot shoppin

USING SCENARIO

His shoes look nice, I wanna know more.

If seeing something you are interested in

Good !That's what I find!

17 | 16

Good !

That's what I find!

I want to buy it.

I can buy it online or go to the shop nearby.

I can add it to SHOPPING CART first.

Can I see other shoes about Converse?

Coming Baby

UI Design Senior Year Project octorbor,2013 1 month

COMING BABY

User Research The Anxiety of Pregnant Woman

Proportion of Anxiety Pregnant Women

2.4 % never 7.2 % a little but normal 17.4 % mild 4.8 % medium 3.2 % severe

Why They Feel Anxious?

90 %

30 %

Over ninety percent of pregnant women have anxiety problems.

Thirty percent are more than the normal standard.

How to Soothe Their Emotions?

Increase correct knowledge

Cultivate interest There are so many reasons making them feel blue. Most reasons can be traced back to the lack of relative knowledge, unstable physical condition, without preparation, etc.

Support from relatives

Healthy and regular life

Imagine intemacy with coming baby

Keep diary

21 | 22

Concept Though existing APP do offer medical knowledge effectively, I hope my project can be more connection between mother and fetus.

Strengthen the connection between mother and baby. Mother can be focus on the joy of new life.

debby Diary

Naming

improve mental preparation and record

build intimate relationship and relax

Prenatal Education build intimate relationship and transform anxiety

flow chart

Coming Baby

COMING BABY

Usage TimING second Trimester (week14 ~ 26)

third Trimester (week27~36)

once a day to intergrate things to do every day

once a day to intergrate things to do every day

more than once a day begin to interact with baby

interact with baby

,

debby ,

Main Page Main Page suggests users what features they are suitable to use according to how long they are pregnant for.

build relationship and imagination with baby

23 | 24

features-Diary Integrate the whole app and record what the user do everyday.

User can write down what happen today and share it.

COMING BABY

features - prenatal education Music Education can soothe mother and fetus.

The system can record baby moves.

If baby has strong reaction with music, mother can record it and analyze what baby like.

Fetus can feel light when they are 24-week old. Mother can use the APP to play light game with baby.

25 | 26

debby features-naming By providing photos of children to make mother have the impression of the name, it Increases their choice of naming, and also provides a way to transfer anxiety.

Playnet

Children’s Tableware Design Graduation Project May,2015 6 Months

PLAYNET

Children’s restaurant analysis Children's restaurant is a public dining space which provides a worry-free environment for kids and parents to dine in without fearing about bothering others. Some of this kind of restaurants put their emphasis on spatial features but ignore the dining environment or meal quality. I worked on making dining environment a more enjoyable place for both parents and children by realizing the parent interactions at the table with the essence of children restaurant.

Other Facilities

Dining Part

common mode

common mode

Children's meals Children's furniture

Children's tableware

Issue Children’s restaurants are featured with their theme facilities but the meals don’t correspond to parents’ expectation and children’s development.

Children’s Toilet and other friendly facilities for both parents and kids

Amusement facilities

Issue Friendly environment makes children play and shout unstrainly.

Besides the interaction between parents and kids, unknown kids can meet each other, too.

29 | 30

9 mon

1

2

3

4

5

year old

years old

years old

years old

years old

Need to be feeded Feed themselves

Finger Food

Know People

First stage to learn to feed themselves Training the hand grip Undeveloped taste perception Learning food texture.

Teeth development

Children at 1-3 year(s) old begin leaning to dining by themselves.

They build emotion with food, establish punctual dining concept, and learn to use tableware when growing up.

Therefore, when children at this age dine out, they need a good and friendly dining environment.

Spoon&Fork Spoon can be used well at about 2 years old.

Way of holding utensils changes gradually.

Chosticks

PLAYNET

What’s in a meal?

In aspects of food choices, it is mainly finger foods and soft food.

The quantity of meals should be adequate for kids.

Soft food

Soft food is made of mashed materials.

Soft food is suitable for children’s teeth development

Finger Foods

Eating with hands is more suitable for children's hand development.

Create association with food's texture.

Finger food is cooked in the shape of strips or lumps.

Improve & create a happy dining environment

Why they choose children’s restaurant?

Because the facilities and meals can help them take good care of children relax .

Why they like children’s restaurant?

Dining with Playnet Provide meals for children in this age and improve children's willingness on the table.Children can also play together ,ex: exchange food ,assemble plates.

Dining The restaurant only focuses on amusement facilities. Children’s meals are ignored even not suitable for kids’ development.

Other Facilities A space that children can play and meet other kids.

31 | 32

Thinking Process Considering the main meals, I hope the appearance can give children imagination, and avoid pressure from excessive food. I separate foods in many unit containers.

To create interaction, I try some shapes that look like toys or mechanical devices. Considering dining scenarios and intuitive usage, I decide to make it able to revolve to share and tessellation of plates.

PLAYNET

Modular revolving plates Plates is assembled with bolts to create different appearance.

Containers can be put on the plates which are rotatable so kids can share food with other or grab them.

33 | 34

Unit container Unit containers can separate the quantity of foods. Children can also control the quantity they want to eat by adding or reducing containers. The containers are easy to grab and share.

Circle Fun

Product Design Sophomore Year Project _appliance december,2012 1.5 Months

CIRCLE FUN

Reasearch Of Mechanism Through taking apart the machine to understand the mechanism of ice cream machine and develop the concept.

transparent plastic shell

stirring rod

motor & gears ice bucket (filled with carbon dioxide)

HOW TO USE ICE CREAM MACHINE

attach the cover and the motor

poured into materials

wait for stirring

37 | 38

AnalySIS

Advantage

M ICE CREA MAKER

Disadvantage

less chemical additives

takes more time

enjoy making ice cream with family

easy to melt

accomplishment of making ice cream

pure ice cream is more delicious

Thinking flow

color of ice cream revolving gears

expexct

ferris wheel/carousel

machinery exposed waiting for stirring children see their mommaking ice cream

color of ice cream can be seen

make waiting fascinating

CIRCLE FUN

Gear Arrangement I try some gears arrangement to see which is better to create the effect of amusement park. So I adjust the quantity and speed of gears, also the color and decoration.

Concept Sketch Make the gears in ice cream maker become the appearance of ice cream maker and let the revolving look like amusement park.

39 | 40

COLOR REFERENCE& PLANNING

Usage Scenario When family makes ice cream together, children wait for the maker and look at its revolving.

Gears in ice cream maker become the appearance of ice cream maker and let the revolving look like amusement park. When children look at it, they will feel funny and expect the finish of ice cream.

the average height of dining table:74cm

5~6 years old (110~120cm)

Three View

230mm

170mm

220mm

41 | 42

Function To make the revolving of the ice cream and gears can be seen clearly .The transparent cap is heightened. It can also avoid the stuck when the ice cream overflows. The motor connects the colored gears. When the maker works, people can see the revolving of gears.

Gopro VR Helmet

Product Design Senior Year Project _Cross Branding June,2014 1.5 Months

gopro vr helmet

Brand Research The target users of GOPRO are extreme sport players.

GOPRO is a leading brand of action camera.

It can be installed on many places, ex: helmet, surf board.

The camera is lightweight and waterproof.

GOPRO Company builds many online channels to make users share their video with others.

Their videos received nearly half a million downloads videos on XBox 360. It creates a bright brand image about adventure spirit for the public.

Smart Market Strategy

Brand Value--�Be A Hero.�

And what make GOPRO famous is because they use some social platform to make user share with the audience.

So the audience can get special experience from the video.

You can see the people in the photo always look creative, brave, dare to try. So they make their user promote this brand by sharing the GOPRO video.

So the user using GOPRO also can make them feel they are willing to adventure.

45 | 46

ANALYSIS Share cool,heroic,experience and creative ideas.

Create the value of “be a hero”

Get special experience from it.

Audience

Share videos with friends.

Be Inspired to adventure.

Camera Users

New User “From recording to watching ” are also adventures.

Different from the original user, audience who play games, watch films also pursue “immersive” adventure at home.

Extension Products VR Helmet By stretching original spirit of “adventure” to the audience, no matter they watch GOPRO video or not.

They can also start an adventure at home.

FLOWING MAOKONG

47 | 48

Usage Scenario Home, Playing Game Or Watching Films Consider the wearing stability and comfort, and the requirements of being immersive at home, eyes and ears need good covering.

Screen section must have a few centimeters away from the eye to watch, surrounded by a silica gel and sponge material covering eyes.

gopro vr helmet

SKETCH & Product Research-VR Helmet I start to research differnt head device and the weight of device.

I try some model to know how to make users feel comfortable and stable.

49 | 50

gopro vr helmet

able to adjust the distance between eyes silicone cover

elastic band to fixed head

51 | 52

Rectangular shell

Gopro camera is usually white,black,or silver,and covered with transparent shell.

Transparent shell is originally to protect the camera.I use it to make the helmet look lighter.

Embedded button

Dropy Plant

Product Design Senior Year Project June,2014 1.5 Months

dropy planty

Trend of Home Agriculture

Home planting can reduce doubts of pollution

More and more people have the attitude of lohas.

Reduction of shipping

Tiny Self-sufficiency System Planting indoor can improve house environment, and people can also enjoy house planting.

air

air freezes

By integration of humidity, air, planting system, hydroponic plant can help air cleaning, humidity adjustment, making your house more comfortable.

Catch the water in the air. It can collect clean water in principle of dehumidifier to grow plants.

condensing plate

add fertilizer into water

55 | 56

The Main Crops Dill

Oregano

180X180X300

Mint

200X200X200

Chive

180X180X300

200X200X300

Basil

Lemon Balm

170X170X400

150X150X200

Control Panel

dr y

comf ort

60

wet

40

55% 26ºC

water full

power

add fertilizer

timing

It’s mainly spice plants. Their growth cycle is short (about 1 month), and they don’t need to harvest once too much crops.

The average growth height is about 170x170x250(mm).

dropy planty

SKETCH & mechanism

planting pods

LED

planting pods

vents

water tank

loop vent

Crops should keep a distance with water surface and it make roots grow well.

57 | 58

dropy planty

Dropy Planty

59 | 60

LED

control panel

able to adjust height planting pods different color to identify plant

water tank

drainage hole

power

Suitcase Space

Product Design Sophomore Year Project _movable furniture june,2014 1.5 Months

suitcase space

suitcase space The condense display space that can move with

User Research-Stallers Suitcase Space is mainly for the stall of second-hand market, especially for the stuff such as old things, vintage, hand-made goods, etc.

Stall owners need high mobility to cope with rain or moving. The stall owners In “Sho-sho” or “Weekend fever” second-hand market need to highlight the brand.

Some store holders in addition to stall outside, they also own a studio. The case can continue to display.

63 | 64

Concept Suitcases are used frequently by the stall because of their high capacity, mobility, and ease of display. I hope the case can not only display but also become a brand symbol and the store can be condensed to the case.

suitcase space

Sketches & Thinking process Considering the convenience of carrying the suitcase and association with trolley or tripod, how suitcase can be used by stall owner, the usage scenarios, the mirror, light, etc.

05 65 | 06 66

Design Features 1.Moving-Tripod The tripod can be folded and embedded in the suitcase. The stall can haul the case and move.

suitcase space

Design Features 2.display-suitcase The suitcase can make visual effect of things better, also needs mirrors and the light, and keeps the part of original pattern to ornament cabinet.

67 | 68

The shelf hanging necklace has two materials to change (carving window, teak) and behind the teak is a mirror.

Light

shelves

The stalls need illumination at night.In the past,they used small generator or extended wires.Now they can use mobile power with USB bulb.

There are also some shelves and drawer which are easy to change ways of display and storage.

Flowing Maokong

Reginal Design Workshop Project _ Dai Fujiwara “Powerful Photo Point” February,2014 1 week

FLOWING MAOKONG

「COLOR HUNTING // Dai Fujiwara ＋Shih Chien University workshop 3rd: Inter-Travel Design “Powerful Photo Point”」 *grand concept/ Regional Contribution Design

*basic content: 1-5

1/ 焦點於社會全體以及地區人們常拍照紀錄生活的行為。 對地區社會貢獻，可以活化地區以及吸引當地居民和讓觀光客聚集的設計 2/ 可以利用問卷調查或公共資料以及新聞報導…… 等資料收集提出主題研究報告 3/ 例如：best point 美麗的夕陽、美麗的街道照片、小山丘、大廈、長板凳 、店家……等等，或其他product, food design等。 也考慮到的設計範圍自由思考及真實性，實際可以使用的idea 4/ 思考運用環境周遭和諧的色彩，將其color hunting運用在成果發表的作品 上 5/ 盡可能最後設計產物的表現接近實品、CG設計圖或動畫呈現

GROUP MEMBERS Miran Chan Pei Yu Yang

Workshop Schedule Leon Hsieh

DAY 1

DAY 2

~

DAY 4

DAY 5

~ SCU Industrial Design

Yuhui Lee

SCU Archi Design

SCU Industrial Design

Ray Lee

SCU Fashionl Design

SCU Communi -cations Design

Bian Hui Wu

BIFT Fashionl Design

orientation＋research 確定方向和開始調查，從 公開或公共的資料裡收集 ，確認人們需要什麼。 現場調查和問卷調查（隔 天各組報告） 對象目標是： 人們常拍照的地方 拍攝對象： 人物、風景…什麼都可以 。調查出城市裡人們常拍 攝照片的位子所在。主要 目的是找出具有觀光價值 的據點為考量

Dai lecture: color hunting & order method or ranking workshop research＋ making ranking＋ Design1 講演、制作活動

Presentation 発表、講評

71 | 72

basement OBSERVATION Maokong, a rainy area, mist with tea flavor, drizzle and fog flow around hills slowly. With blossom seasons of apricot, tung flower and lupine coming change colors of mountains.

Target PlaceMaokong

Tea Garden

Gondola

Elements which apeal people to

Night Scenery

Maokong

Potholes

Drink Tea

Blossom

FLOWING MAOKONG

J��-F��

T��w��e�� C��r�� & A��i�� THE

FLOWING MAOKONG T��w��e�� C��r�� A��i��

M��-A��

L���� THE

FLOWING MAOKONG L����

A��-M��

T�n� Blo�s��

THE

FLOWING MAOKONG T�n� Blo�s��

Color Hunting : Blossom We took these three elements: flowing, rain gear, and blossom season, and planned a seasonal activity with hiking trails in Maokong.

73 | 74

“ Flowing Maokong � Project When people take Maokong Gondola, they can gain seasonal limited edition umbrella. As people hike on trails, tourist in gondola can overlook umbrellas flowing in mountains below. Crowd fetrip in the mountain, just like umbrella flowers bloom in the rain during early spring.

thank you for your watching!

Pei Yu Yang