Works Selected 2016-2019
Jimmy Yuang Design
Portfolio
Every Question is a Possibility
?! Hey Yo!
Design is continuously questioning. Designer is the one who combine everything together
Jimmy Yuang 曹 Email
能 /
寶
a.k.a 袁 睿 紘
jimmy19980522@gmail.com
Phone / 0905051344
Education
Experience
市立中正高中 環境科學實驗班 Zhong Zheng Senior High School , Experiment & Science Class
Jun-Aug 2018
國立成功大學 工業設計 , 電機工程
hiding Drink Cup , Crowdfunding Project , Photographer
National Cheng Kung University,
Jun-Aug 2018
Double Majoring in Industrial Design & Electronic Engineering
Uanuan , Marketing & Advertising , Intern
Award
hiding 飲料杯 募資計畫 攝影執導
源源鋼藝 行銷企劃 暑期實習生
Feb-Aug 2018
i-CAPS 國際合作設計計畫
International Student Joint Capstone Design Project in NUKM
Sep2018-Aug2019
成大工設系學會 , 系電影長
Gold Award
2018 NCKU ID Final Exhitbition
Silver Award
2019 NCKU ID Final Exhitbition
NCKU ID Students Association, Leader of Filming Department
Bronze Award
2018 I-Caps Design competition
Dec 2017
Facing the gap 東京大學海外工作坊
Facing the Gap Workshop in University of Tokyo
Dec 2016
思辨性設計工作坊
Speculative Workshop , Designed for Complex Pleasure
Jun 2017
成大工設營宣傳片 導演
Executive Director of NCKU ID camp trailer
Skills Adobe Ilustrator Adobe PhotoShop Adobe Premiere Adobe After Effect Adobe XD
Web Programming Java C
SolidWorks Keyshot
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 Lam b o r gh in i Ave n t a d o r L P 7 0 0 -4
02 Deer Head
THANK YOU! Jimmy,Yuang +886905051344 jimmy19980522@gmail.com
