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