National Cheng Kung University N a t i oI N n D CUh SeTnRgI AK Lu nDgE IUSnG i vNe r s i t y INDUSTRIAL DESIGN
P O R T F O L I O Rui Hong Yuang BY
Works Selected 2016 FALL - 2018 SPRING
Works Selected
2016 Fall - 2018 SPRING
Under One Small Star
My apologies to everything that I can't be everywhere at once.
-Wislawa Szymborska
4
Hello! My name is Rui Hong Yuang 袁
睿
紘
Phone
/ +886905051344
/ jimmy 1 9 9 8 0 5 2 2 @ g ma il. c o m
Address / N o . 1 1 - 6 9 , H u z i, Lin ko u dis t , N e w t a ipe i c it y
5
PROFILE
-What do I think about design? I think a good design is able to calmly integrate into daily life. For me, as a Sophomore majoring in Industrial design, what I want to do is not just design products, but create a new lifestyle, combining enviornment and humans perfectly. That is why I always love to cooperate with people in different fields, learn things from them, and explore the possibility of every ideas.
6
SKILLS Adobe Photoshop Adobe Ilustrater Adobe Indesign Adobe Premiere
LANGUAGE
Adobe After effect Davinci Resolve
中文
Solidworks
Chinese
Cinema 4D
英文
Keyshot
English
Arduino programming
Oxford Online Placement Test
Java programming
Score 64/CEF B1
7
February 2018 i-CAPS 國際合作設計計畫 International Student Joint Capstone Design Project in National University of Malaysia
December 2017 Facing the gap 東京大學海外工作坊 Facing the Gap Workshop in University of Tokyo
December 2016 成大工設耶晚宣傳片 導演 Executive Director of NCKU ID Christmas Night trailer
January 2017 思辨性設計工作坊 Speculative Design Workshop
June 2017 成大工設營宣傳片 導演 Executive Director of NCKU ID camp trailer
August 2017 成大工設營 美宣
EDUCATION
Image recorder & editor of NCKU ID camp
September 2017 台北市立中正高中
Lexsus 設計工作坊
Chung Cheng senior high school
Lexsus Design Award Workshop
國立成功大學工業設計學系
September 2017
National Cheng Kung University,
成大工設系學會 系電影長
Department of Industrial Design
Leader of ID department Video group
PROFILE
EXPERIENCE
8
9
CONTENTS
CONTENTS
10 PRODUCT DESIGN 48 UX/UI DESIGN 64 GRAPHIC DESIGN 70 SKETCH 76 3D MODELING 82 MULTIMEDIA
10
11
PRODUCT DESIGN
PRODUCT DESIGN
01
Bo-How
02 W i T H
Pour-over coffee utensils Desgin for Long Distance Relationship
12
13
PRODUCT DESIGN
Bo-How Easy pour over coffee utensils
"Bo-How" is a set of pour over coffee gear , designed for the people who is not familiar with pour-over coffee . The purpose is to make pourover coffee easier for everyone .
14
BACKGROUND The initial objective for this assignment was "Personal cooking utensils" , which ai ms to d e si gn c ook i n g ut e n si l s f o r s in g le person. At the beginning, I first wonder "What is the meaning of cooking?".
I
found that the most enjoyable part of cooking is the process. When people co o k , t h e y n ot on l y e n j oy t h e f o o d it s e lf but also enjoy a relaxed and simple l i festy l e .
15
DESIGN GOAL
Make pour over coffee easier for amateurs . The reason for choosing pour-over coffee is that the pourover coffee represents an enjoyable and pleasant lifestyle .
16
RESEARCH
When researching pour-over coffee,I visited many baristas who specialize in coffee.We discussed the process of making pour-over coffee, exploring which part could affect the quality the most.In conclusion,We think that pouring water is the most difficult part when making a pour-over coffee,which affects quality the most.
17
G
r
i
n
d
PROBLEM Difficult to use When making pour-over coffee,pouring water is the most difficult part which you
P r e - h e a t
should pour water into the dripper in a circle till all the powder bloom.An extremely high skill is required in this
Boil Water
proccess.
P u t Po wd e r
Too many utensils The taste of coffee is Pour over
seriously affected by the extraction time of coffee powder,so there are various type
F I N I S H
of dripper on the market,which results in t o o ma n y u t e n s ils a t t h e s a me t ime .
PRODUCT DESIGN
WORKFLOW
18
IDEATION
In the early stage of ideation ,I forcus on the problems of each flow of making coffee . Then , I identified which problems were pain point and sketched for them . After few times prototyping , I determined overall details and dimensions of the entire product . Finally , I modelled for the final product by handmading and compurtermodeling .
19
Pouring Guidiance There is a level on the center top of the lid , which can guide the user when pour water .
All in one kettle Combine all the utensils like kettle , thermometers , dripper , and filter together.
Invisible spout I did not abandon the original design of kettle . Just hide the long spout into the body of the kettle.
Flexible dripper In order to change the water flow rate , There are several poles inside the dripper can be twisted at will .
PRODUCT DESIGN
FEATURE
20
Flexible dripperIn order to change flow rate at will ,there are 8 poles each connected to the both upper and lower part of the dripper . So , when the upper part is being rotated , the poles will also change its angle and rotate at the same time.
[Low flow rate]
[High flow rate]
21
When kettle standing still , the bubble is in the center of the spirit level . When kettle is tilted and pouring , the bubble move from center to the red mark . As soon as the bubble reaches the red mark , the kettle start to emit water.
[Standing still]
[Pouring water]
PRODUCT DESIGN
Pouring Guidiance-
22
DETAIL
E x p l o d e d
v i e w
Spirit level Thermometer Kettle
Upper Dripper Poles
Lower Dripper Filter mesh
23
PRODUCT DESIGN
HOW TO USE
01
02
Put the powder
Measure the temperature
03
04
Pouring Water
Change flow rate
24
25
PRODUCT DESIGN
Bo-How Easy pour-over coffee kit
26
27
PRODUCT DESIGN
W i t h
m e , W i t h
y o u
"Smart craft" is the topic of this project,so we designed "WiTH" , a set of products combining with high technology and craftsmanship. "WiTH" is designed for couples in a long distance relationship, aims to satisfy their emotional needs.
28
29
PRODUCT DESIGN
BACKGROUND "People nowadays have become more and more far away" In the past, communication of people was difficult , because of the limitation of time and distance . With the developmnet of science and technology, people nowadays are no longer limited by distance and time . But they did not get closer , they have become more unfamiliar with each other instead.
30
RESEARCH
Responsiveness
Couples in a long-distance relationship lack real contact and need more emotional communication. Acording to "attachment theory" ,there are three elements that is necessary to maintain a relationship.
Accessibility
Engagement
31
"Couple in a long distance relationship care more about the media of communications" It is more difficult for couples in long-distance relationship to have substantial interaction and response than others , so the media of communication seems to be relatively important. That is why we want to design for couples in long-distance relationship.
PROBLEM Unable to feel each other
Hard to know each other's situation
Have no one to talk to
INSIGHT "What they need is not necessarily to see each other in person but to feel like they are accompanied."
DESIGN GOAL Feel each other's accompany with different senses
PRODUCT DESIGN
TARGET USER
32
LICREEN Feeling of company
33
PRODUCT DESIGN
CONCEPT Transform people's image into light and shadow
34
FEATURE Light and shadowThere are many LSRs on this screen making it can senses the position of people,converts people's image into light and shadow and send it to each other, as if they were living together in a same room.
Blur by distanceThe image of the person changes with the distance between the people and the screen. As people
45CM
120CM
45CM
120CM
getting farther from the screen, the person's image on the screen becomes more blurred.
35
01
Turn on the system
Touch the screen for 3 seconds to turn on the system, and a calling message will be sent to the partner.
02
Response
The partner see the calling message which is a glowing spot on the screen, and touch the screen as response to open the communication, at the same time .
03
Connect to each other
After both screens have been turned on, the screens will start to sent the image of themselves to each other through WIFI.
Wifi
PRODUCT DESIGN
HOW TO USE
36
37
PRODUCT DESIGN
LICREEN
38
SURLOCK Time
of
each
other
39
PRODUCT DESIGN
CONCEPT Display the ambient light of the other side
40
FEATURE "SURLOCK" aims to let couple understand each other's environment.This clock can receive the information of ambient light from environment and present it on the clock, which varies with daytime, night, sunrise, iterior light ...
Day & Night In the daytime, the clock is white; at night, the clock become black.
Sunrise & Sunset At the beginning of sunset, black spreads from the short hand, and after the sunset, the clock become fully black.
Other situations On cloudy days, the brightness becomes darker; on rainy days, raindrops appear on the clock; when lights turned on at night, part of areas turn white.
41
PRODUCT DESIGN
SURLOCK
42
SANDLI Warmer communication
43
PRODUCT DESIGN
CONCEPT Dandelion as a media for sending messages
SANDLI
45
PRODUCT DESIGN
FEATURE "SANDLI" is a phonograph with the image of dandelion that makes the original voice message more interesting and interactive.
During recording When recording, the light gradually spreads from the roots to the entire dandelion, symbolizing the transmission of nutrients.
Sending message Send messages by blowing dandelion. As the dandelion being blew, the light turns out, which means the message was sent successfully.
When listening The whole dandelion shakes with the ups and downs of the tone and the size of the sound, making the original voice message more interactive and fun.
46
47
PRODUCT DESIGN
W i t h
m e , W i t h
y o u
48
49
UX/UI DESIGN
Future
Shopping
System
DOBO is the project of design method course. The objective of this assignment is to design for a specific field which is clothing shop. We used UX design method during entire proccess, caring more about people's emotions and attitudes when they go shopping.
50
OBSERVATION & INTERVIEW "People who shop alone cares more
about how other people see them." At the first observtion, we forcused on the person who shops alone,because we expected that there would be more problems to be solved when people shops alone rather than they were togethet . After observations,we interviewed the people who had encountered problems when they were shopping,and then we catergorized all the data into header cards such like desire s,habits,hates,personalities.....etc, which let us easily to create personas as our target audiences.
51
We create four personas by asking two questions that if the persona think outfits matter or not and if the persona care about how people see them.
Puts a lot of Effort in Dressing
Paul PRINCIPLES
PRINCIPLES Unique
Kiki
Look
Look
Fashion
GOAL
GOAL
-Find the ideal clothes
-Follow the fashion
PROBLEMS
PROBLEMS
-Too much to choose
-Too much to choose
-Care about too many details
-Buy the same one
Friend
Care about People's thoughts Jerdo PRINCIPLES
Annie PRINCIPLES
Price
Price
Comfort
GOAL
GOAL
-Buy one cloth
-Save the budget
PROBLEMS
PROBLEMS
-Too big to find
-Always think overpriced
-Get wrong sizes
-Spend to much time deciding
UX/UI DESIGN
PERSONA
52
USER JOURNEY MAP Paul
Atypical Stylish Think clothes overpriced
Jerdo
Lazy Geek
Clothe doesn't lo
UX/UI DESIGN
ook so good
53
Kiki
Trendy Belle
Annie
The girl next door Hesitate
54
PROBLEMS "When people go shopping, they receive too much infomation at the same time." 1.Get wrong size 2.Hard to decide 3.Can't find the ideal one 4.Consider overpriced 5.Buy the same thing 6.Don't know how to dress
55
UX/UI DESIGN
DESIGN GOAL "Help people filter information
but not deciding for them"
56
CONCEPT "A thoughtful shopping System" DOBO is a system used in clothing store, which connected with shopping baskets, customers and information of clothes in the store, aiming to solve the problems people confronted when they go shopping.
Relationship Diagram
Shopping Basket
C
on ow
ta
da
Sh
ng
r nso
thi
se
clo
NF
ct
lle
s Blu eto ma rtp oth ho co ne nn ec t
Co Find a clothe
DOBO App
Clothes
57
UX/UI DESIGN
DOBO APP When people go shopping, the APP will connect to the shopping basket in order to get the instant data of it. When they check out , the App will rank every piece of clothes in the basket.
Shopping Basket The shopping basket of this system is used to collect the clothes data and send the data to the APP immediately.
Sensor Tags on Clothes There is a sensor tags on each piece of clothes, allowing the shopping basket to identify what clothes is in the shopping basket.
58
FEATURE Reduce the time for hesitation We assume everyone has their own preference on clothes when shopping, and we divided all clothes into three groups based on the degree of preference. The second group, the "kind of like it" group, is where customers spend most time deciding whether to buy or not. Hence, our system aims to reduce the time of hesitaion in their shopping journey.
Theory of customer's preference
ideal
Kind of like it
N a h
Must Buy
-deicded by themselves
Spend most time -Part we help them
Never consider -Filtered out
the degree of customer's preference of all clothes in the shop
59
UX/UI DESIGN
Take out your closet When customers want a recommendation, this system will not only analysis the clothes in the shop but also considers the clothes in the closet.
Customized recommendation DOBO gives every customer different recommendations of clothes, according to their motivations of buying including unique, look, brand, price, comfort...etc.
60
SYSTEM FLOW 1.Build Profile
3.Recommend clothes
Create an account,
When they search in the
enter preferences,and
shop, they expect to find
construct your digital
good clothes, so we only
closet.
recommend the clothes they might like.
2.Start shopping Connect a shopping basket with the smartphone.
61
UX/UI DESIGN
4.Recommend outfits In the dressing room, they expect the clothe on them looks good, so we recommend outfits in this stage.
6.Pay&Record After purchasing successfully, the clothes will be put inside the digital closet.
5.Rank&Check out When checking out, DOBO can rank clothes based on their preferences.
62
63
UX/UI DESIGN
UI FLOW
GRAPHIC DESIGN
01
SHOULDER BAG DESIGN
02
CIS DESIGN
03
SKETCH
66
67
GRAPHIC DESIGN
CIS design 企 業 識 別 設 計
In this course, we have to design a cis system including trademarks, letterheads, and business cards for an imaginary company.I decided to design for a salad breakfast shop, and I named it as " 蔬醒 " . " 蔬醒 " in Chinese is a word combined with "vegetable" and "awaken". The concept of this company is sunny, easy, fresh, and I hope to express these concept through the design.
68
69
GRAPHIC DESIGN
SHOULDER BAG DESIGN This shoulder bag is made of three different colors of denim, and a large white leather as background, which I want to make it look simple and casual.
40cm
30cm
R=154 G=196 B=218 R=122 G=171 B=214 R= 74 G= 89 B=122
1 inside
1
2
3
2 outside 3 belt
70
SKETCH
71
GRAPHIC DESIGN
Exploded view of Mechanical watch
72
Matsumo to C a st l e i n J a p a n
73
Di gi tal watc h
GRAPHIC DESIGN
Expl o ded v i e w of
74
I ma g in a r y A ir c r a f t Ca r r ie r
United States Capitol Building
75
GRAPHIC DESIGN
Imaginary Vintage Car
Imagi nary C h a r i ot
MODELLING
01
LAMBORGHINI AVENTADOR
02
DEER HEAD
78
01
L a m b o r g hi ni A v e n t a d o r L P 700- 4
79
RENDERING
80
81
RENDERING
02 D E E R
H E A D
82
83
MULTIMEDIA
Multimedia
01
產品形象影片
02
活動宣傳片
84
85
MUTIMEDIA
86
87
MUTIMEDIA
THANK YOU! R ui -H un g , Y u a n g +8 8 6 9 0 5 0 5 1 3 4 4 j i m m y1 9 9 8 0 5 2 2 @ g ma il. c o m