Neng Bao's Industrial design Portfolio2016 -2018

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

Email

/ 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