Page 1

Works Selected From 2016-2019

Jimmy Yuang Design Portfolio

Hey Yo!


What is design?


Design is never an outcome , It's about the way you think


Jimmy Yuang 曹 Email

4

能 /

a.k.a 袁 睿 紘

jimmy19980522@gmail.com


Education

Experience

市立中正高中 環境科學實驗班

Jun-Aug 2018

Zhong Zheng Senior High School , Experiment & Science Class

hiding Drink Cup , Crowdfunding Project , Executive Director

國立成功大學 工業設計 , 電機工程

Jun-Aug 2018

National Cheng Kung University,

Uanuan , Marketing & Advertising , Intern

Double Majoring in Industrial Design & Electronic Engineerin

Feb-Aug 2018

i-CAPS 國際合作設計計畫

International Student Joint Capstone Design Project in NUKM

Dec 2017

Facing the gap 東京大學海外工作坊

Facing the Gap Workshop in University of Tokyo

Award

hiding 飲料杯 募資計畫 導演

源源鋼藝 行銷企劃 暑期實習生

Gold Award

2018 NCKU ID Final Exhitbition

Dec 2016

思辨性設計工作坊

Silver Award

2019 NCKU ID Final Exhitbition

Speculative Workshop , Designed for Complex Pleasure

Bronze Award

2018 I-Caps Design competition

Jun 2017

成大工設營宣傳片 導演

Executive Director of NCKU ID camp trailer

5


CONTENTS

10

Product Design

51

UX/UI Design

72 Multimedia 79

Graphic Design


PRODUCT DESIGN

01 CABLEPRO

Designed for Creative Filmmaker

02 MOOD

New Experience with Music

03 Bo-How

Make Pour-over Coffee Easier


10


CABLE PRO Camera Gear with Flexbility CABLE PRO is a multifunctional camera gear, which feature its light weight ,multiusability and easy way of use, in order to let every creators enjoy filmmaking.

11


Background Design for Every Creative Filmmaker Filmmaking, like movie or TV show, used to be seem as a difficult thing. Only the professionals would be able to join it. Thanks to the development of technology ,there are more and more dependent filmmaker nowadays.

12


Camera gears are always Bulky and Limited. How can we make them more flexible?


CABLE PRO Different Scenes , One Devices


Cable Mode -For fast-moving object

Not limited by Space CABLE PRO moving in high speed mode in order to catch fast-moving targets.In cable mode, You can use rope as track so that your shot won’t be limited by any kind of obstacles or the length of rail.

1. Unfold the arms

2. Put on the rope

3. Remote control

15


Car Mode -For static object

1. Dolly shot

Steady and Slow CABLE PRO moving in low speed in order to take close-up and static thing.In car mode , You can make your shot focus on still object , and the foldable arms is used to change from Dolly shot to Arc shot.

16

2. Arc shot


Structure Details of CABLE PRO 2kg

Maximum Load Maximum load of CABLE

Battery Display

PRO is up to 2 kilograms. It

The LED light button on the

is heavier than most of DSLR

top blinks when battery is at

cameras.

low level.

Radio Control High range of Speed

CALE PRO is used nRF24L01 radio module to control.

CABLE PRO can be

The control distance can

adjusted between 0.04

be up to 100 meters.

meters per second to 6 meters per second

Fit with all camera CABLE PRO are equipped with 1/4inch screw and 3/8inch screw holes , which is able to connect all kind of camera .

Foldable Structure The structure of CABLE PRO is foldable which volume can be less than one platic bottle ,so user can take it to any kind of space easily.

17


Prototype & Test In this project, We didn''t just come up with an idea , instead ,we also focused on the engineering challenges in this product which take us lots of time to solve .

18


Final Model : PLA, Metal

4th Prototype : PLA

1st Prototype: Cardboard

3rd Prototype : Acrylic

Structure Prototypes There were actually four prototypes before we made the final model . These prototypes really helped a lot on testing stability of product's structure.

BLDC Gimbal Motor BLDC 1800RPM BLDC 13500RPM

Motor control Test

Brushed 60RPM

First of all , we used brushed DC motor , but it turn out its torque is not enough . And then we try three different Brushless motors .In the end we choose the motor which is usually used on gimbal with high torgue and lower RPM.

PWM

BLDC

controller

controller

19


CABLE PRO


Project

CABLE PRO

Category

Product design

Designer

Jimmy Yuan

Darren Lee Date

06/2018

Duration

4 months

Material

Metal , Plastic


Music Device for People's Emotions MOOD is a music device that focus on people's feelings . It aims to create a new expereince with music , and make people not just listen ,but feel the music.

22


23


Background

People live at a fast pace of life The convenience of technology make people able to listen to music on any kind of media like Youtube , Spotify and so on. The truth is that fast pace of lives make people have no time to slow down and truly enjoy the music.

24


Design Goal Not just Listen, but Feel the Music.


Inspiration

Usage of Vinyl Player People love vinyl player nowadays , not just because of its sound . The most reason why people so love them is because of its ritual like , pulling it out of its sleeve, cleanning up the record , flipping the record over, putting on the turntable, listening to an album .So that is why we want to integrated the usage of vinyl player into the way people use this product.

26


Concept Deconstruction First of all , we deconstructed the design goal mentioned before nto four kinds of feelings. These four feelings are feelings that we want to make our users feel when they are listening music with our product.

Calm

Warm

Softness

Interactive

Mood Board

We made four mood boards for our product image according to the four feelings

27


Music is all about people's MOOD

28


Interacition with Music Play the music by Spinning it In order to elicit people's emotions for music, MOOD combine the ritual of playing music back into people's experience .When they spinning the plate like playing vinyl player, MOOD let them unconciously put more attentions on music.

29


Ambient Light

Surround people with music There is a ambient light on the back of the MOOD. The light would be turn on when user plays the music ,which aims to make the vibe of music affect entire enviroment.

30


Usage of MOOD

02 Spinning&Playing

01 Start

03 Pause About how to use MOOD

31


Details of MOOD

We integrated the four feelings into product 32


Design Process From Idea to Reality First of all, we sketched the basic comcept of our idea and used the methodology of Kansei Engineering to exploring material and form of product. After all of this , we used Arduino to built up our system.

33


Prototype & Test It is a challenge to design all the electronic circuit on our own , So we used Arduino Mega and some modules to build this system as a prototype, which make it more simple.

02 Motor & Light controller

03 Arduino Mega

04 MP3 Module

34

01 Wires of Sensors


Kansei Engineering Relations between Feelings and Apearence Kansei Engineering is also as known as "Emotional design

material. First of all ,we let our experimental subject to

". In this section , we used the methodology of Kansei

classify 60 different vinyl players so that we can find out

Engineering to find how relations between human's feelings

what kind of design elements affect their feelings more.To

and appearence of product.

analyze data, We used MDS (Multidimensional scaling) to

Since the basic structure of our product is really simliar to

reduce the data dimension , and then used Cluster analysis

vinyl player , so we choose vinyl player as our research

to classified they into four clusters.

35


02 Black Rough Plastic

01 Rough Wood

03 White Rough Plastic

Material Exploration In material cognition experiment, we choose fifteen different materials , including glossy plastic , rough plastic , glossy metal ,textured metal , five different woods ,and so on.It turn out that people mostly feel rough wood warm, feel white rough platic softness , and black rough platic calm.

36


01 Corner Fillet

Form Exploration We choose thirteen vinyl players from four clusters

02 Irregular Surface

as representative vinyl players. And then we removed colors and material from each photo and draw them as line drafts to make sure that subjects would only consider the feelings of product's form.

37


Project

MOOD

Category

Product design , Emotional design

Designer

Jimmy Yuan

Ethan Peng Date

02/2019

Duration

4 months

Material

Metal , Wood , Plastic


40


Bo-How Easy pour over coffee utensils Bo-How is a set of pour over coffee gear , designed for people who is not familiar with pour-over coffee . The purpose is to make pour-over coffee easier for everyone .

41


Research Pour-over Coffee 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.

42


Workflow

G

r

i

n

d

P r e - h e a t

P u t

Po w d e r

B o i l

W a t e r

Pour

over

F I N I S H

Problems

Too many utensils

Difficult

to

Pour

The taste of coffee is seriously affected by the extraction time

When making pour-over coffee,pouring water is the most difficult

of coffee powder,so there are various type of dripper on the

part which you should pour water into the dripper in a circle till all

market,which results in too many utensils at the same time.

the powder bloom.An extremely high skill is required in this proccess.

43


Design Proccess 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 .

44


How to Use

Structure

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.

01

Put the powder

02

Measure the temperature

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

04

Pouring Water

03

Change flow rate

be twisted at will .

45


Flexible Dripper In 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. [High flow rate]

46

[Low flow rate]


Pouring Guidiance 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.

[ S t a n d i n g

s t i l l ]

[ P o u r i n g

w a t e r ]

47


B o - H o w

48


Project

Bo-Howv

Category

Product design

Designer

Jimmy Yuan

Date

02/2017

Duration

2 months

Material Metal

49


UX/UI DESIGN

01 JU+

Design for my University

02 DOBO

Future shopping System


52

Project

JU+

Category

UI/UX Design

Date

01/2019

Duration

1 month


Designed for My University About what to eat everyday

53


Background

More than 200 restaurants There are more than 200 restaurants near NCKU

Interview

How they decide what to eat ? Always Eating with Friends

78%

Have Low Price

61%

Short waiting time

56%

in 1 square meter. Since I was a freshman in NCKU ,I found that it is really hard to decide what to eat everyday not only for me but also for the people I know in NCKU.

54


Insight There are many delicay on current Food Apps but students only care about time, price ,and friends


Wireframes We drew wireframes of every pages and discussed the details.

56


=

揪 [ j i ū ]

Chinese Translation

Gathering People Together JU in chinese is " 揪 " which means gathering people together. That is also the reason why we designed this APP.

57


JU Your Friends JU in chinese is " ć?Ş " which means gathering people together. That is also the reason why we designed this APP.

58


Fast Search Simple YES or NO question We make recommendation like a simple YES or NO question so that people won't be hesitate when they making their decision.

59


JUING Map JUING map is an easy option for people to quickly undestand who is JUING right now and where they are.

60


61


62

Project

DOBO

Category

UI/UX Design , Service Design

Date

02/2018

Duration

3 months


Future

Shopping

System

63


Background Receive Too much infomation when shopping When people go shopping , they always receive too much infomation ,which usually result in the following problems, like they always find it hard to decide which one to buy ,and spend too much time on searching the ideal one . That is why I want create a better experience of shopping for customer.

64


Insight Help people filter information but not decide for them


Persona We create a typical persona as our user ,who often goes shopping , and always faces with some problems ,when she is shopping.

Problems

Kiki Age

22

Career

Goal

Model

Follow the fashion

Budget

per month

$2000

$8000

66

Must Do Try on in shop

-Spend too much time deciding -Buy the same clothe -Find it looks not beautiful on her

Look for friend's advice

Criterias Price

Comfort

Look

Fashion

Always dressed up

Personality

Must Never

introversion (I)

extraversion (E)

intuition (N)

sensing

feeling (F)

thinking (T)

perception (P)

judgment (J)

Shopping without buying

(S)

Shopping in the crowd


User Journey Map We let the persona we made before go through this whole user journey , trying to find the pain point when people go shopping.

Arrival

Start

Search

Pick

Line up

Found your Clothe

Try on

Decide

Purchase

Leave

Looks Beautiful

Hard to find ideal clothe

Hesitate Doesn't look so good on Her 67


Concept

DOBO : A Smart Shopping System DOBO is a system built 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.

DOBO APP The APP will connect to the shopping basket in order to know what clothes inside.

Show the Rank

Decide to buy

Bluetooth

Put it in basket

Relationship Diagram Smart Basket

RFID Tag

The shopping basket

There is a RFID tags on each

of this system is used to

piece of clothes, allowing the

record what clothes is in it .

68

Collect Data RFID sensor

shopping basket to identify what clothes is inside.


User Flow 4.Recommend outfits

1.Build Profile Create an account,

3.Recommend clothes

In the dressing room, they

enter preferences,and

When they search in the shop, they

expect the clothe on them

construct your digital

expect to find good clothes, so we

looks good, so we recommend

closet.

only recommend the clothes they

outfits in this stage.

6.Pay&Record After purchasing successfully,

might like.

the clothes will be put inside the digital closet.

2.Start shopping Connect a shopping basket with the smartphone.

5.Rank&Check out When checking out, DOBO can rank clothes based on their preferences.

69


Feature

Rank every clothes DOBO app can give a rank on each clothe before they check out . The rank is according to their history data of clothes they already bought.

70

User's own Criterias

Connect with your closet

DOBO gives every customer different

When customers want a

recommendations of clothes,

recommendation, this system will not

according to their criteria of buying

only analysis the clothes in the shop

a clothe , which is based on their old

but also considers the clothes in the

data.

closet.


UI Flow


Multimedia

01

Crowdfunding Project

02

Startup Team

03

Summer Camp

04

NCKU ID Exhitbition


Crowdfunding Project Last year summer , I interned in a design studio " 源 源鋼藝 " and participated in a crowfunding project not as a designer but a photographer of the promotional video .

Crowdfunding Page


Startup Team Lasty is a startup team making ECO bag . Last year I was invited to be a part of it as a producer and director of promotional video.

75


Summer Camp " 亞 設 王 " is a summer camp for high school students , aiming to promote our department .

76


NCKU ID Exhibition This motion graphic video is for our semester exhitbition and it aims to let people understand what design is .


GRAPHIC DESIGN

01

Bag design

02

CIS design

03 Sketch 04 Modelling


CIS design

CIS Design In this course, we have to design a cis system

" 蔬

including trademarks, letterheads, and business

"vegetable" and "awaken". The concept of this

cards for an imaginary company.I decided to

company is sunny, easy, fresh, and I hope to

design for a salad breakfast shop, and I named it

express these concept through the design.

as " 蔬醒 " .

80

醒 " in Chinese is a word combined with


30cm

40cm

Shoulder Bag Design This shoulder bag is made of three different colors of denim, and a large white leather as

R=154     G=196     B=218

background, which I want to make it look simple

R=122     G=171     B=214

and casual.

R= 74     G= 89     B=122

81


SKETCH

Exploded view of Mechanical watch

82


Matsumoto Castle in Japan

Exploded view of Digital watch

83


Imaginary Aircraft Carrier

United States Capitol Building

84


Imaginary Vintage Car

Imaginary Chariot

85


01 L a m b o r g h in i A ve n t a d o r L P 7 0 0 -4


02 Deer Head


THANK YOU! Rui-Hung,Yuang +886905051344 jimmy19980522@gmail.com

90

Profile for 袁睿紘

Jimmy Yuang Design portfolio 2016 - 2019  

New
Advertisement