POR T FO L I O
JIN X I AOTO N G
C ONTENTS 02
03
04
05
06
SUPURE
TEA SHOP
BOOK DESIGN
POSTERS
APP UI
OTHERS
Package design
VI design
Layout design
Poster design
UI design
Drawing works
01
2016
SUPURE Package design
The content of packaging includes the brand, logo, tag and packing box. I separate the word and reorganizing it. Finally , I apply the new graph to the packaging.
01
SUPURE
Branding
Lucency
Bubble PACKAGE DESIGN
Water
Clean
Inspiration
02
+ Font
+ Colour
+ Box
+ Logo
Shape
01
SUPURE
Concept The brand of SUPURE means extremely pure, and it consists of Superior and Pure. The idea for designing the bottle comes from Arian Janssen’s works. We deconstruct the word , and then reconstruct it. Finally , we get a brand new graph. Because of the cylindrical shape, you can see the whole graph when you turn it around. 6 bottles make up a whole series, and different words and labels are printed on every bottle.
PACKAGE DESIGN
Logo development
03
01
SUPURE
Package development
Different levels of grey are used as tags on the bottle to promote visual effect.
Paster
Bottle
PACKAGE DESIGN
Transparent visual effect
04 Font
Label
Significance
01
SUPURE
PROMINEBT
UNIQUE
SUPERIOR The ecological enviroment The ecological enviroment here has endowed here has endowed SUPURE with SUPURE with superior mineral resources. superior mineral resources. Undergeological the specific geological Under the specific environment,the water environment,the water has circulated deeply resource has resource circulated deeply more than for more thanfor 100 years and100 is years and is richacid in the silicic acid uthium rich in the silicic uthium ,strontium,calcium,potassium ,strontium,calcium,potassium andofmany and many kinds tracekinds of trace elements which are beneficial elements which are beneficial to human beings to human beings
The ecological enviroment The ecological enviroment hereSUPURE has endowed SUPURE with here has endowed with mineral resources. superior mineralsuperior resources. Under the specific geological Under the specific geological water environment,theenvironment,the water resourcedeeply has circulated deeply resource has circulated for years more and thanis100 years and is for more than 100 the silicic acid uthium rich in the silicicrich acidinuthium ,strontium,calcium,potassium ,strontium,calcium,potassium many kinds of trace and many kindsand of trace which are beneficial elements whichelements are beneficial to human beings to human beings
The ecological enviroment here has endowed SUPURE with superior mineral resources. Under the specific geological environment,the water resource has circulated deeply for more than 100 years and is rich in the silicic acid uthium ,strontium,calcium,potassium and many kinds of trace elements which are beneficial to human beings
The ecological enviroment here has endowed SUPURE with superior mineral resources. Under the specific geological environment,the water resource has circulated deeply for more than 100 years and is rich in the silicic acid uthium ,strontium,calcium,potassium and many kinds of trace elements which are beneficial to human beings
The ecological enviroment here has endowed SUPURE with superior mineral resources. Under the specific geological environment,the water resource has circulated deeply for more than 100 years and is rich in the silicic acid uthium ,strontium,calcium,potassium and many kinds of trace elements which are beneficial to human beings
Supurior
Unique
Remarkable
Theenviroment ecological enviroment The ecological here has endowed here has endowed SUPURE with SUPURE with superior mineral resources. superior mineral resources. Undergeological the specific geological Under the specific environment,the water environment,the water has circulated deeply resource hasresource circulated deeply more than 100 for more thanfor100 years and is years and is richacid in theuthium silicic acid uthium rich in the silicic ,strontium,calcium,potassium ,strontium,calcium,potassium andof many and many kinds tracekinds of trace elements which are beneficial elements which are beneficial to human beings to human beings
Different words are printed on the taps of the bottles.
PACKAGE DESIGN
Univalled
The ecological enviroment The ecological enviroment here has endowed with here has SUPURE endowed SUPURE with superior mineral resources. superior mineral resources. Under the Under specific geological the specific geological environment,the water environment,the water resource has circulated deeply resource has circulated deeply for more than 100 years is for more than and 100 years and is rich in the rich silicic uthium in acid the silicic acid uthium ,strontium,calcium,potassium ,strontium,calcium,potassium and manyand kinds of trace many kinds of trace elements which are which beneficial elements are beneficial to human to beings human beings
E C O LO G I CA L
The ecological enviroment The ecological enviroment here has endowed SUPURE with here has endowed SUPURE with superior mineral resources. superior mineral resources. Under the specific geological Under the specific geological environment,the water environment,the water resource has circulated deeply resource has circulated deeply for more than 100 years and is for more than 100 years and is rich in the silicic acid uthium rich in the silicic acid uthium ,strontium,calcium,potassium ,strontium,calcium,potassium and many kinds of trace and many kinds of trace elements which are beneficial elements which are beneficial to human beings to human beings
Prominet
R EMA R KA B LE
Font effects
The ecological enviroment here has endowed SUPURE with superior mineral resources. Under the specific geological environment,the water resource has circulated deeply for more than 100 years and is rich in the silicic acid uthium ,strontium,calcium,potassium and many kinds of trace elements which are beneficial to human beings
U N R I VA L L E D
The ecological enviroment here has endowed SUPURE with superior mineral resources. Under the specific geological environment,the water resource has circulated deeply for more than 100 years and is rich in the silicic acid uthium ,strontium,calcium,potassium and many kinds of trace elements which are beneficial to human beings
The ecological enviroment here has endowed SUPURE with superior mineral resources. Under the specific geological environment,the water resource has circulated deeply for more than 100 years and is rich in the silicic acid uthium ,strontium,calcium,potassium and many kinds of trace elements which are beneficial to human beings
PROMINEBT
The ecological enviroment The ecological enviroment here has endowedhere SUPURE haswith endowed SUPURE with superior mineral resources. superior mineral resources. Under the specific Under geological the specific geological environment,the water environment,the water resource has circulated resource deeply has circulated deeply for more than 100 years for more andthan is 100 years and is rich in the silicic acid richuthium in the silicic acid uthium ,strontium,calcium,potassium ,strontium,calcium,potassium and many kinds ofand trace many kinds of trace elements which are elements beneficial which are beneficial to human beings to human beings
Ecological
05
Because of the refraction of the water, we can’t see the specific graphs from single angle. We can spell the whole word when turning it around.
Refraction Final effect
01
SUPURE
PACKAGE DESIGN
06
The logo is printed on the bottle cap with bump mapping
01
SUPURE
Box design
PACKAGE DESIGN
I use hand-held packaging to hold 6 bottles of water. The whole packaging is designed in white, dark grey and some green to help users understand and compare.
07
2015 I modify the tea store’s vi and redesign it, including brand, logo, packaging, packing box, paper, T-shirt, business card, brochure and membership card. I apply the traditional Japanese graph to my designing.
ichi-go ichi-e VI design
02
TEA SHOP
Research The tea store is located in Fukuoka-ken ,Japan，whose old name is151e and the name comes from Japanese tea ceremony: 一期一 会. I decided to design the new logo and vi because the tea ceremony style doesn’t match the store ’s old name and there is no matched vi designing .
VI DESIGN
09
Concept
The idea of the logo comes from the spirit of Japanese tea ceremony:一期一会,which means that enjoys the luck because it happened once a life. I also add some traditional Japanese elements: waves. Thus I designed new images accompanied with fresh green. I hope everyone enjoys the god-given opportunity to get together, not just stick in a cup of tea
02
TEA SHOP
Logo development
Sketch
VI DESIGN
Scheme one
Scheme two
10
Scheme three
AI
Final choice
いちごいちえ いちごいちえ
いちごいちえ いちごいちえ
Add the graph of the tea and cup into the logo
02
TEA SHOP
VI development
Businesscard
Pattern
Brochure
VI DESIGN
The decorative pattern comes from the traditional Japanese image seifeihai, which is common to kimono and kinds of decorations. Japanese often use geometric figure to express the peace of the sea, and wish a happy life.
11 Package
VIP card
T-shirt
02
TEA SHOP
AI
VI DESIGN
Business card
Package
Brochure
12 C
M 15
39 K
Y 44
T-shirt
Paper bag
VIP card
C=39
0
M=15 Y=44
K=0
02
TEA SHOP
VI DESIGN
Brochure Business card
VIP card
T-shirt
13
02
TEA SHOP
VI DESIGN
14
2015-2016 The ikons of the layout designing comes from a famous illustrator Scarlett, and then I want to express different kinds of art by combining ikons and different medium.
Illustration
Book design
03
LAYOUT DESIGN
Concept
Inspiration
These are many different forms of artistic presentation to show on different medium and it’s freehanded and relaxed. Every image is drawn on different medium. And the great idea comes from Andy Warhol’s works. Red and blue are used to improve to special effect because the two colors are shape contrast.
BOOK DESIGN
Colour Figure
16 Book Style
Layout
03
LAYOUT DESIGN
Development
BOOK DESIGN
Cover
17 C
C
M 47
78
14
C=78
K
Y 0
M=47 Y=14
66
2
K
Y
M
42
K=0
C=78
0
M=47 Y=14
K=0
03
LAYOUT DESIGN
ID
BOOK DESIGN
Guide page
18
Transition page
Cover
03
LAYOUT DESIGN
BOOK DESIGN
19
03
LAYOUT DESIGN
Final effect
BOOK DESIGN
20
2016
Public poster
Poster design
The public posters include two series. The first one “war and child� is designed for the UNICEF to protect children during the war, another one is designed for MADD.
04
PUBLIC POSTER
Background
WAR CHILD
According to the report of UNICEF, there are more than 14 million children from Syria and Iraq who are in danger. The number of the children who need to be helped continues to soar in recent years. Even more disconcerting is that the dangerous environment will bring the children an indelible damage.
POSTER DESIGN
22
Concept
The poster is designed in dark color as the background to express the depressing feelings after war. The colorful toy represents children. It shows a sharp contrast between the bright colors and the surrounding environment. The toy is tied by heavy iron chains. The poster wants to call on the protection to the children and give them happy childhood.
04
PUBLIC POSTER
Development Mind map
TOY WAR RUNS - DETRITUS
CLOTHES CHILDREN
WAR - CONSEQUENCE
WAR RUINS + TOY POSTER DESIGN
EQUIPMENT
CITIZEN - REFUGEE PARK
23
Sketch
Scheme one
Scheme two
Scheme three
Scheme four
Scheme five
PUBLIC POSTER 04
POSTER DESIGN
24
POSTER DESIGN
03
04
PUBLIC POSTER
DRUNK DRIVING
Research The report from the WHO shows that about 50% to 60% of the traffic accidents are associated with the drunk driving. The drunk driving is considered as the major factor for the traffic accident death. Every year there are more than thousands of traffic accidents because of drunk driving. More than 50% death are related to the drunk driving. The danger of drunk driving is shocking and it’s known as the most dangerous killer.
8000
7940
8570
2013
2014
7120
4000 0 2012
Concept The idea comes from the car key. Different buttons mean different options and different options mean different results. When you press the buttons, you must be responsible for other’s lives and your own life. The background is designed in orange for warning. The poster hope to tell every driver that make right choice and never driving after drinking.
2015
POSTER DESIGN
8630
25
Development
Mind map
BUTTON
WHEEL COLOUR - CAR - PARK
RED CORSS
Sketch
RED AND WHITE (AMBLANCE)
UNBLANKING
CAR KEY
RED,BLUE AND GREY (POLICE CAR)
HEADLIGHT SHAPE
ICON LOCK
04
PUBLIC POSTER
POSTER DESIGN
27
2014-2016
APP UI UI design
The app provide a special function for searching information, such as introductions, news, works, evaluation. In addition to this, you can also upload your own works and share with others
05
APP UI
Concept
Mind map
The existing app lacks of the functions of summarizing all designers’ information. I design a brand new app to provide a approach to search some works, news for students and workers. You can search others’ works, news and upload you designing works.
Function
UI DESIGN
APP Search News
Home Today
APP Category Sharing
News
Category Furniture
Today
Category
Search Designer
Home
Country
Plaything
Style
Kitchen
Sort
Stationery Digital Accessory
Information
Sharing
Gift
29
05
APP UI
Lo-fi prototype
Axure
PACKAGE DESIGN
30
05
APP UI
UI DESIGN
31
Today
News
Search
Information
05
APP UI
UI DESIGN
32
Comment
Sharing
Me
Filtrate
2013-2016
Others
The personal hand-drawn works were completed when I was in college, including oil painting, sketch, and many other forms of art.
Drawing works
OTHERS 04
DRAWING WORKS
34