portfolio
shihwen wang
re ? olve 01 – 08
⁄ 9
selected works
09
⁄ 9
t h e s i s p r oj e ct
portfolio
re ? olve 01 – 08 ⁄ 9
selected works
09 ⁄ 9
thesis project
shihwen wang
portfolio
shihwen wang
r e ? o l ve 002 â „ 003
contents
contents
project
title
page
01. ⁄
str uc tur e o f a c ity
006
02. ⁄
shiel d the r ain
03. ⁄
study o f fr o gs
04. ⁄
sustain abil ity
05. ⁄
star buc k s emer y bo ar d
06. ⁄
so n g in ter pr etatio n
07. ⁄
sweetl y bizar r e
08. ⁄
super stitio n
09. ⁄
simpl ifyin g ec o l abel s
underlying grids
024
rain shield
036
Frogs: the Adaptable Amphibians
050
mooko sustainable milk
066
emery board promotion
082
Wake Me Up When September Ends
090
weetly bizarre film festival
102
10 x 10 panel design
thesis project: ecode
110
portfolio
shihwen wang
r e ? o l ve 004 â „ 005
introduction
re ? olve 01. â „
-verb To solve
People say that design is problem solving, but before solving the problem, we must identify the problem first. However, after all these years of design training, I doubt that there is only one problem to identify. Meaning, we can examine the problem from various angles, and each angle may lead to a different path of solutions. Solutions can be endless depending on how the problem is defined.
02. â „
-noun A resolution
That is why resolution is needed. Research and exploration have to come to an end, and one solution will be chosen to be developed into finished products. This book not only showcases the finished products but also records all the processes that were omitted.
portfolio
shihwen wang
01
⁄9
class
typography 3
instructor
ariel grey
term
?tructure of a city
s p r i n g 2009
r e ? o l ve 006 ⁄ 007
project
1 â „ 9
title
underlying grids
portfolio
[
shihwen wang
resolving process
class
typography 3
instructor
ariel grey
term
s p r i n g 2009
]
01. ⁄
02. ⁄
15 Characteristics of gotham
Word Association of utilitarian
b. shape
typeface study: gotham
Gg
a. origin
a.
01. e f f i c i e n t ›
architectural urban nostalgia
02. u s e f u l ›
highly visible notable vernacular mundane b.
basic mathematical efficient
c.
usefulness unselfconscious practical straightforward utilitarian
c. look and feel
utilitarian
03. f u n c t i o n ›
r e ? o l ve 008 ⁄ 009
project
1 ⁄ 9
title
underlying grids
PROJECT SUMMARY This project aims to explore the versatility of a typeface. The specific objective is to create a promotional specimen book of the established typeface Gotham. Gotham is simple and geometric yet has powerful shapes. I started with brainstorming and word association to narrow down the concept to infrastructure in the city.
03. ⁄
speed productive
service
›
›
›
Determine concept and deliverables
motion concept
assembly lines
facility
infrastructure in the city
›
deliverables infrastructure
activity
›
a.
math functions
print type specimen book poster
b.
packaging cd packaging
portfolio
shihwen wang
r e ? o l ve 010 â „ 011
project
1 â „ 9
title
underlying grids
portfolio
shihwen wang
PROJECT DESCRIPTION Because of the deep connection between Gotham and New York City, I think it is appropriate to show that Gotham is basic and straightforward like a city’s infrastructure. Moreover, the underground structures such as the waterworks and the subway are designed and implemented by engineers and draftsmen, so they have similar qualities to Gotham: utilitarian, basic, and mathematical. The promotional specimen book is divided into two parts: the first part is about the city’s infrastructure, and the second is the type specimen. Using city infrastructure as the subject matter draws on the connection between the typeface and the city. The second part showcases the unique characters and illustrate the wide application of Gotham. The book also comes with a promotional poster and a CD.
thumbnails. ⁄
spread details
cat e g o r y
P ri nt ⁄ C d Packag i ng
fo r m at
B o o k 7 . 5 × 9 . 5 I N ⁄ Po ste r 1 8 × 2 4 I N
ty p e fac e
Got h a m ⁄ A rch e r
pa p e r
Ep s o n P re m i u m P re s e n ta t i o n Pa p e r M a t te
ph oto
S h ih we n Wa n g
pr i n t e r
Ep s o n S t y l u s P h o to R 1 8 0 0
bi n d e ry
S h ih we n Wa n g
project
1 â „ 9
title
underlying grids
portfolio
shihwen wang
r e ? o l ve 014 â „ 015
project
1 â „ 9
title
underlying grids
portfolio
shihwen wang
r e ? o l ve 016 â „ 017
project
1 â „ 9
title
underlying grids
shihwen wang portfolio
poster.
â „ typeface promotion
r e ? o l ve
018 â „ 019
project
1 â „ 9
title
underlying grids
portfolio
shihwen wang
r e ? o l ve 020 â „ 021
project
1 â „ 9
title
underlying grids
portfolio
shihwen wang
r e ? o l ve 022 â „ 023
project
1 â „ 9
title
u n d e r ly i n g g r i d s
one CD and a case
c d pac k ag i n g . â „
portfolio
shihwen wang
02
â „9
class
typography 3
instructor
brian singer
?hield the rain
term
s p r i n g 2007
r e ? o l ve 024 â „ 025
project
2 â „ 9
title
rain shield
portfolio
shihwen wang
r e ? o l ve 028 â „ 029
project
2 â „ 9
title
rain shield
shihwen wang portfolio
PROJECT DESCRIPTION This book introduces the features of the invention Rain Shield through photos, illustrations, and information graphics. Because the invention is imaginary, I used illustrations to show what it looks like and how it works. The information graphics make the Rain Shield feel more convincing, and the photographs suggest the feel of rainy days. The book starts with the problems of rain, followed by description of the invention, and ends with case studies of multiple users. bin d e ry
printer
p hoto
pa p e r
typ e fac e s
fo r m at
cat e g o r y
S h ih we n Wa n g
Ep s o n S t y l u s P h o to R 1 8 0 0
S h ih we n Wa n g
Ep s o n Wa te rco lo r Pa p e r R a d i a n t W h i te
He lve t ica Ne u e
Book 5.5 Ă— 8.5 IN
P ri nt
r e ? o l ve
030 â „ 031
rain shield title
2 â „ 9 project
spread details
rain shield in use. â „
portfolio
shihwen wang
r e ? o l ve 032 â „ 033
p r oj e c t
2 â „ 9
title
rain shield
portfolio
shihwen wang
r e ? o l ve 034 â „ 035
project
2 â „ 9
title
rain shield
portfolio
shihwen wang
03
â „9
class
typography 3
instructor
jennifer sterling
?tudy of frogs
term
fa l l 2008
r e ? o l ve 036 â „ 037
p r oj e c t
3 â „ 9
title
f r o g s : t h e a d a p ta b l e a m p h i b i a n s
portfolio
[
shihwen wang
r e s o lv i n g p r o c e ss
class
typography 3
instructor
jennifer sterling
term
fa l l 2008
]
01. â „
list characteristics of frogs
a. n at u r a l h i s to r y
a.
introduction a b r i e f n at u r a l h i s t o r y
b.
m at i n g reproduction skin and toxin bone internal organs vision and senses v o c a l i z at i o n lo c o m ot i o n c o m m u n i c at i o n
c.
p r o t e c t i v e s t r at e g i e s environment and adaption
d.
c. geographic range
f r o g fa m i l i e s s c i e n t i f i c c l a s s i f i c at i o n n e o b at r a c h i a a r c h e o b at r a c h i a m e s o b at r a c h i a endangered species
b. p h y s i ca l c h a r act e r i s t i c s
r e ? o l ve 038 â „ 039
p r oj e c t
3 ⁄ 9
title
f r o g s : t h e a d a p ta b l e a m p h i b i a n s
PROJECT SUMMARY The objective of this project is to create a science book that is presented with illustrations and info graphics. I chose frogs as the subject matter because of their vivid colors, interesting figure shapes, and the great diversity from species to species.
02. ⁄
03. ⁄
unify visual styles of three elements
determine deliverables and digital rendering
01.
03.
2.
0.
0.4 d. f r o g fa m i l i e s
a science book
01. i l l u s t r at i o n s o l i d c o lo r w i t h o u t l i n e s
02.
02. t y p o g r a p h y h e lv e t i c a n e u e
03. i n f o g r a p h i c s scientific findings
portfolio
shihwen wang
r e ? o l ve 040 â „ 041
p r oj e c t
3 â „ 9
title
f r o g s : t h e a d a p ta b l e a m p h i b i a n s
printer
a rtwo rk
pa p e r
typ e fac e s
fo r m at
cat e g o r y
C ardoz a J ame s Bin din g
Ep s o n S t y l u s P h o to R 1 8 0 0
S h ih we n Wa n g
M o a b En t ra d a R a g N a t u ra l 1 9 0 Pa p e r
He lve t ica Ne u e
Book 5.5 × 7.5 IN
P ri nt
47˚
10˚
S T I M U L U S PAT T E R N
bin d e ry
binocular
PROJECT DESCRIPTION Frogs: The Adaptable Amphibians examines the features of frogs, their life cycle, and categories of species. Using information graphics and typography, this book brings frogs close to the readers’ attention, and help them learn more facts. This book contains two parts: the first part describes the general characteristics of frogs such as life cycle, vision, communication, habitat, and movement. The second part lists the categories of different species and displays examples from each category.
0
shihwen wang portfolio
r e ? o l ve
042 ⁄ 043
f r o g s : t h e a d a p ta b l e a m p h i b i a n s
30
20
10
0
+ +
40
+
title
+ + + +
3 â „ 9
+ +
p r oj e c t
portfolio
shihwen wang
ribbit!
+ + + + +
+ +
+ +
+
+
+ + + +
+ + + +
+ +
+ +
map
+ +
fixed, optical
+ + + +
+ +
pat t e r n s
+ + + +
l o c a l o l fa c t o r y
+
+ + + +
+ +
+ + + + +
+
r e ? o l ve 044 â „ 045
map
+ pineal
0.3 anterior
c o m pa s s
inferior
species count
360˚
+ posterior
360˚
p i l o ta g e
270˚
hearing
+
perception
50
time
10 magnetic field
30
90˚
[ right ]
s p e c i e s r e l at i v e s
chorus of
40
complex
eyes
0˚
+
270˚
magnetic field
earth
20
system
[ left ]
superior
+
o l fa c t o r y
[ right ]
s u n , m o o n , s ta r s ,
+ + + +
celestial bodies
+ +
pat t e r n o f
+
pond smells
p r oj e c t
+ +
+
+
0.1
+
0.2
+ +
3 ⁄ 9 title f r o g s : t h e a d a p ta b l e a m p h i b i a n s
portfolio
shihwen wang
r e ? o l ve 046 â „ 047
p r oj e c t
3 â „ 9
title
f r o g s : t h e a d a p ta b l e a m p h i b i a n s
portfolio
shihwen wang
r e ? o l ve 048 â „ 049
p r oj e c t
3 â „ 9
f r o g s : t h e a d a p ta b l e a m p h i b i a n s
title
+ +
+ 20
+
40
+
50 30
+ +
+ + 10
+
+
+ species count
+
+
+ + + +
+ + + +
+ +
+ +
+
portfolio
shihwen wang
04
â „9
class
g r a p h i c d e s i g n a n d s u s ta i n a b i l i t y
instructor
phil hamlett
?ustainability
term
spring 2009
r e ? o l ve 050 â „ 051
p r oj e c t
4 â „ 9
title
m o o k o s u s ta i n a b l e m i l k
portfolio
[
shihwen wang
r e s o lv i n g p r o c e ss
01. â „
class
g r a p h i c d e s i g n a n d s u s ta i n a b i l i t y
instructor
phil hamlett
term
spring 2009
]
Research
Sustainable agriculture is a system that produces
Milk making process
abundant food without depleting the earth’s resources or polluting its environment. It is agriculture that follows the principles of nature to develop systems for raising crops and livestock that are, like nature, self-sustaining and harmonious.
tree
bird
insect cow feeds
cows
air pollution
fa r m e r
fuel consumption
milk making process
a . fa r m
b . t r a n s p o r tat i o n
land
[
s u s ta i n a b l e fa r m i n g sy s t e m
]
r e ? o l ve 052 â „ 053
project
4 â „ 9
title
mooko sustainable milk
PROJECT SUMMARY This project aims to tackle sustainability issues in the dairy industry by introducing an organic dairy line, Mooko. Mooko is created in hopes of bringing the principle of sustainability to both the farming system and packaging design. The project offers print and packaging design that will communicate the benefits of sustainability not only for our health, but for the health of animals and the environment as well.
02. â „
Identify problems and determine deliverables
To solve the current packaging problems, Mooko
concept
invented the milk vending machine and its reus-
bringing the principle of
able bottles.
s u s ta i n a b i l i t y to b ot h t h e fa r m i n g sy s t e m a n d t h e
landfill
pac k ag i n g d e s i g n material reutilization
deliverables a.
print brochure
c. consumption and disposal b.
recycle
pac k ag i n g milk packaging
[
sustainable packaging
]
cleaning kit sponge brush cleaner vending mahine
portfolio
shihwen wang
r e ? o l ve 054 â „ 055
p r oj e c t
4 â „ 9
title
m o o k o s u s ta i n a b l e m i l k
shihwen wang portfolio
PROJECT DESCRIPTION We rarely think about where milk comes from and where the milk packaging goes after we toss it into the trash bin. People extract natural resources to make milk cartons, and most of them end up in landfills. To solve the current packaging problems, we have designed a milk vending machine and a reusable bottle. The vending machines will be placed inside supermarkets. Consumers can reuse them multiple times to refill the milk. This way, we conserve natural resources and hardly cause any pollution and waste. In addition to packaging, this project includes a promotional brochure which introduces the features of sustainable milk and packaging to consumers. The brochure contains many illustrations to help people easily understand how the system works.
R UBDOWN
bin d e ry
printer
a rtwo rk
pa p e r
typ e fac e s
fo r m at
cat e g o r y
C o lor I magin g P l u s , Pas ade na , CA
C o py C e n t ral
Ep s o n S t y l u s P h o to R 1 8 0 0
S h ih we n Wa n g
M o a b En t ra d a R a g N a t u ra l 1 9 0 Pa pe r
Ve rl ag ⁄ A rch e r
Va r i o u s
P ri nt ⁄ Packag i ng
r e ? o l ve
056 ⁄ 057
4 ⁄ 9
project
title
mooko sustainable milk
1% ORGANIC MILK
��� 19 .09 USD
SIZE
TAG ANATOMY
mook
2% ORGANIC MILK
EXPIRATION DATE
: 3.99 : 1 GALLON
��� 19 .09 USD
SIZE
: 3.99 : HALF GALLON
mook
o o.c
m
whole ORGANIC MILK
��� 19 .09 USD
SIZE
: 3.99 : 1 GALLON
mook
o.c
om
o.c
om
skim ORGANIC MILK
MILK TYPE
PRICE MILK SIZE
��� 19 .09 USD
SIZE
: 3.99 : 1 GALLON
mook
o.c
om
portfolio
shihwen wang
r e ? o l ve 058 â „ 059
p r oj e c t
4 â „ 9
title
m o o k o s u s ta i n a b l e m i l k
portfolio
shihwen wang
r e ? o l ve 060 â „ 061
project
4 â „ 9
title
mooko sustainable milk
portfolio
shihwen wang
r e ? o l ve 062 â „ 063
p r oj e c t
4 â „ 9
title
m o o k o s u s ta i n a b l e m i l k
shihwen wang portfolio
sponge, cleaner, and brush
cleaning kit. ⁄
r e ? o l ve
064 ⁄ 065
project
4 â „ 9
title
mooko sustainable milk
portfolio
shihwen wang
05
â „9
class
typography 3
instructor
jennifer sterling
term
s u m m e r 2007
?tarbucks emery board
r e ? o l ve 066 â „ 067
p r oj e c t
5 â „ 9
title
s ta r b u c k s e m e r y b o a r d
portfolio
[
shihwen wang
resolving process
class
typography 3
instructor
jennifer sterling
term
s u m m e r 2007
]
01. â „ L E F T H AND
make connections between Starbucks and emery borads
RIGHT HAND
The brand Starbucks and the emery borad seem completely unrelated. However, when we are holding our coffee cups, that is the moment that people draw their attention to our hands and nails, and the emery board becomes useful in this circumstance.
+
a. u ser scenario
b. h o l d i n g c u p s
r e ? o l ve 068 â „ 069
project
5 ⁄ 9
title
starbucks emery board
PROJECT SUMMARY This project aims to explore brand extension, which means to carry the established brand esthetics into a completely different product line. The specific objective is to create a promotional brochure and poster for the Starbucks emery board. I started with making connections between Starbucks and emery borads, defining the visual style of Starbucks, and applying them to this project.
02. ⁄
03. ⁄
define visual styles of starbucks
01. i l l u s t r a t i o n solid color with outlines
c. v i s u a l e l e m e n t s
02. t y p o g r a p h y
clarendon, franklin gothic
determine deliverables and digital rendering
portfolio
shihwen wang
r e ? o l ve 070 â „ 071
p r oj e c t
5 â „ 9
title
s ta r b u c k s e m e r y b o a r d
shihwen wang portfolio
PROJECT DESCRIPTION The most challenging part of this project is to find a thread between the brand Starbucks and the emery borad. They seem completely unrelated. However, when we are holding our coffee cups, that is the moment that people draw their attention to our hands and nails, and the emery board becomes useful in this circumstance. This brochure starts with explaining the importance of emery boards when we drink coffee, introducing the features of the Starbucks brand emery board, and ending with ordering and shipping information.
b i nd er y
pr in t er
ar t wor k
pa p er
ty p efac es
fo r m at
categ o r y
Co p y C en t ra l
Ep so n St yl u s P h o to R 1 8 0 0
Sh ihwe n Wa n g
Mo a b E nt rad a R ag N a tura l 1 9 0 Pap er
Cl a re nd o n , Fra nk l in G o t hi c
B o o k 4 . 5 × 6 . 5 I N ⁄ Poste r 2 7 × 3 6 I N
Pr i n t
r e ? o l ve
072 ⁄ 073
p r oj e c t
5 â „ 9
title
s ta r b u c k s e m e r y b o a r d
portfolio
shihwen wang
r e ? o l ve 074 â „ 075
p r oj e c t
5 â „ 9
title
s ta r b u c k s e m e r y b o a r d
portfolio
shihwen wang
r e ? o l ve 076 â „ 077
project
5 â „ 9
title
starbucks emery board
poster. â „
starbucks emery board promotion
r e ? o l ve
078 â „ 079
portfolio
shihwen wang
06
â „9
class
typography 4
instructor
stan zienka
term
?ong interpretation
fa l l 2007
r e ? o l ve 080 â „ 081
p r oj e c t
6 â „ 9
title
m u s i c i n t e r p r e tat i o n
portfolio
[
shihwen wang
r e s o lv i n g p r o c e ss
class
typography 4
instructor
s ta n z i e n k a
] l
01. â „
research the story of the song
the meaning of this song
02. â „
o
wake me up
s
t
According to the writer, this song is about his painful
when september ends
childhood memory when he lost his father. Like many
when september
pain
/en d s .
In this melancholy ballad, Armstrong revisits his painful
generate visual elements for the poster
a. g raphic elements
m u s i c i n t e r p r e tat i o n : wa k e m e u p
fa l l 2007
term
childhood and thinks about the
day he lost his innocence when his father died.
b. p h oto g r a p h s
In thi Arms painfu think lost h his fa faced matic recov lieve have Septe strong the m would anyth month sing, but n lost...
before
faced with such a traumatic event, he never truly recovered, and he cannot believe that twenty years have passed since that September day. Thus, the poster conveys the feeling of sadness and loss.
dash lines
d
a.
brush strokes dotted lines b.
simple i s o l at e d f l at g r ay s ca l e muted textural sad n at u r a l
c.
random s p o n ta n e o u s monotone
r e ? o l ve 082 â „ 083
p r oj e c t
6 â „ 9
title
m u s i c i n t e r p r e tat i o n
PROJECT SUMMARY The project aims to visualize a piece of music through typography and images. The specific objective is to visually interpret the song Wake Me Up When September Ends in a 18 x 24 inch poster. According to the writer, this song is about his painful childhood memory when he lost his father. Thus, the poster conveys the feeling of sadness and loss.
03. â „
is melancholy ballad, strong revisits his ul childhood and s about the day he . his innocence when ather died. Like many d with such a trauc event, he never truly vered, and he can't bethat twenty years passed since that ember day. As Armg associates pain with month September, he d rather not deal withend hing related to the h, prompting him to "As my memory rests, never forgets what I . Wake me up when
( forget )
typography
l
o
s
wake me up t
when september
pain
wake me up when september ends
In this melancholy ballad, Armstrong revisits his painful childhood and thinks about the day he lost his innocence when his father died.
d
c
/en d s .
compose the imagery and digital rendering
portfolio
shihwen wang
9
12345678
. . . . . . . . . . .(.f .o r g e t )
9
s e p t e m b e r
In this melancholy ballad, Armstrong revisits his painful childhood and thinks about the day he lost his innocence when his father died. Like many faced with such a traumatic event, he never truly recovered, and he can't believe that twenty years have passed since that September day. As Armstrong associates pain with the month September, he would rather not deal with anything related to the month, prompting him to sing, "As my memory rests, but never forgets what I lost... Wake me up when September ends..."
10
r e ? o l ve 084 â „ 085
p r oj e c t
6 â „ 9
title
m u s i c i n t e r p r e tat i o n
PROJECT DESCRIPTION To make the typography and imagery appropriate for the mood of the song, the poster was produced in a unique way. I printed a few words and graphic elements on transparent films, composed them before projected images, and photographed the words and images. This way, both words and images loose their sharpness, and are closer to the mood of the music. As for the composition of the poster, I selected three photographs as the main image, and the project description is set at the bottom.
cat e g o r y
fo r m at
Po ste r 1 8 Ă— 2 4 IN
t y p e fac e
A do be Ga ramo n d
pa p e r
Ep s o n Pre m i u m P re s e n ta t i o n Pa p e r M a t te
p hoto
S h ih we n Wa n g
printer
Plo t n e t
portfolio
shihwen wang
r e ? o l ve 086 â „ 087
p r oj e c t
6 â „ 9
title
m u s i c i n t e r p r e tat i o n
portfolio
shihwen wang
07
â „9
class
integrated communication
instructor
hunter wimmer
?weetly bizarre
term
f a l l 2007
r e ? o l ve 088 â „ 089
p r oj e c t
7 â „ 9
title
s w e e t ly b i z a r r e f i l m f e s t i v a l
portfolio
[
shihwen wang
r e s o lv i n g p r o c e ss
class
i n t e g r at e d c o m m u n i c at i o n
instructor
hunter wimmer
term
fa l l 2007
]
01. â „
Identify visual elements of the movies
a. c o lo r pa l e t t e
b. p h oto g r a p h y
a.
ta u p e red orange brown green
b.
retro simple background dark r i c h c o lo r interior eye leve
c.
outline drawing retro object
c . i l lu s t r at i o n
r e ? o l ve 090 â „ 091
p r oj e c t
7 â „ 9
title
s w e e t ly b i z a r r e f i l m f e s t i v a l
PROJECT SUMMARY This project is to create a film festival dedicated to the french director Jean Pierre-Jeunet. The specific objective is to create multiple communication pieces that correspond to the directors distinctive visual styles. I chose this director because I was drawn to his use of color and unexpected storytelling skills. I started with defining his visual elements and integrated them into my project.
02. â „
integrate visual elements and design deliverables
portfolio
shihwen wang
r e ? o l ve 092 â „ 093
project
7 â „ 9
title
sweetly bizarre film festival
shihwen wang portfolio
PROJECT DESCRIPTION To maintain the director’s unique visual language, I used a lot of rich colors and retro images for the catalogue book, DVD packaging, poster, and advertisements. Outlined drawings are layered on top of the photos to add a fantastic quality. Wallpaper patterns are also used as decorative elements for the event souvenirs. The catalogue book features the director’s filmography, a brief interview on his concepts and inspiration, and information about the film festival. The DVD packaging contains his four most established movies: Delicatessen, City of Lost Children, Amelie, and A Very Long Engagement.
bin d e ry
printer
p hoto
pa p e r
typ e fac e s
fo r m at
cat e g o r y
S h ih we n Wa n g
P lo t n e t ⁄ Ep s o n S t y l u s P h o to R 1 8 0 0
Va rio u s
Ep s o n Pre m i u m P re s e n ta t i o n Pa p e r M a tte
C l are n don , C och in
Va rio u s
P ri nt ⁄ Packag i ng
r e ? o l ve
094 ⁄ 095
p r oj e c t
7 â „ 9
title
s w e e t ly b i z a r r e f i l m f e s t i v a l
shihwen wang portfolio
poster.
â „ film festival promotion
r e ? o l ve
096 â „ 097
p r oj e c t
7 â „ 9
title
s w e e t ly b i z a r r e f i l m f e s t i v a l
portfolio
shihwen wang
r e ? o l ve 098 â „ 099
p r oj e c t
7 â „ 9
title
s w e e t ly b i z a r r e f i l m f e s t i v a l
portfolio
shihwen wang
08
â „9
class
typography 4
instructor
s ta n z i e n k a
?uperstition
term
fa l l 2007
r e ? o l ve 100 â „ 101
p r oj e c t
8 â „ 9
title
superstition
portfolio
[
shihwen wang
r e s o lv i n g p r o c e ss
class
typography 4
instructor
s ta n z i e n k a
term
fa l l 2007
]
01. ⁄
02. ⁄
Take photos of daily objects
c o n t e n t s o f p h oto s
:
a.
selected a photo and determined a theme
home shadow street b. o bj e ct
pa r k pond outdoor b.
g at e celling tree lights leaf window car street sign sun w at e r d r o p
a. e nvironment
r e ? o l ve 102 ⁄ 103
p r oj e c t
8 â „ 9
title
superstition
PROJECT SUMMARY The objective of this project is to compose photography and typography on two 10 x 10 inch panels. Each panel can stand on its own, but they also must have a certain degree of visual consistency. The shaking chandelier in this photo reminded me of stories and superstitions that happen late at night. Thus, the type was set in various faces, sizes, weights, and placements to convey the mood of uncertainty and fear.
03. â „
design layout and digital rendering
01. v i n ta g e concept i n f r a s t r u ct u r e i n t h e c i t y
shaking chandelier
02. s u p e r s t i t i o n s
deliverables print
03. fa i r y ta l e s
t w o 10 x 10 i n c h pa n e l s
portfolio
shihwen wang
r e ? o l ve 104 â „ 105
p r oj e c t
8 â „ 9
title
superstition
portfolio
shihwen wang
r e ? o l ve 106 â „ 107
p r oj e c t
8 â „ 9
title
superstition
portfolio
shihwen wang
09
⁄9
class
directed study
instructor
va r i o u s
term
fa l l 2008 – s p r i n g 2010
?implifying ecolabels
r e ? o l ve 108 ⁄ 109
p r oj e c t
9 â „ 9
title
t h e s i s p r oj e ct : e c o d e
portfolio
[
shihwen wang
r e s o lv i n g p r o c e ss
class
directed study
instructor
va r i o u s
term
fa l l 2008 – s p r i n g 2010
]
01. ⁄
preliminary research about ecolabels
urveying consumer b. s perceptions
a. s t u dy i n g fo r e r u n n e r s ’ wo r k s
c. c at e g o r i z i n g t h e c u r rent ecolabels
c o n s o l i dat e s o lu t i o n s
r e ? o l ve 110 ⁄ 111
p r oj e c t
9 ⁄ 9
title
t h e s i s p r oj e ct : e c o d e
PROJECT SUMMARY This thesis project aims to simplify the existing ecolabels by introducing a new labeling system. A nonprofit organization called ECODE was created to implement and promote the new labels. The research process includes studying forerunners’ works, categorizing the current ecolabels, and surveying consumer perceptions.
02. ⁄
03. ⁄
develop solutions to simplify ecolabels
Refine the shape and digital rendering
e c o d e i s c r e at e d to p r o m ot e s o c i a l ly r e s p o n s i b l e s h o p p i n g
deliverables
01. s i m p l i f y c u r r e n t ecolabels
02. u nify product
03. l e g i t i m i z e l a b e l s
a.
print c e r t i f i c at i o n m a n u a l
i n f o r m at i o n
c o m m u n i c at i o n m a n u a l poster b.
pac k ag i n g m e m o pa d shopping tote iphone case
c.
m u lt i m e d i a regular website mobile site iphone app a s h o r t a n i m at i o n
portfolio
shihwen wang
r e ? o l ve 112 â „ 113
p r oj e c t
9 â „ 9
title
t h e s i s p r oj e ct : e c o d e
portfolio
shihwen wang
ECODE
EcodE
ecode
ecode
E ecode
E
ECODE
ECODE
ECODE
E CODE
Ecode
⁄
ecode
ecode
ecode identity development
eco co code
sketches.
ecode
r e ? o l ve 114 ⁄ 115
p r oj e c t
9 â „ 9
title
t h e s i s p r oj e ct : e c o d e
shihwen wang portfolio
PROJECT DESCRIPTION This project takes the form of two books and a few multimedia applications. The first book, Certification Manual, addresses ECODE environmental standards and the development of the labeling system; and the second book, Communication Manual, emphasizes promotion of the labeling system to consumers and manufacturers. Multimedia work includes a regular website, a mobile site, an iPhone app, and a short animation. ECODE corporate typefaces are FF Unit and Unit Slab to express the feel of standardization and authority. The layout of the books was built on a compound modular grid. All the visual elements such as type, images, and graphs are strictly aligned with grid rules.
a n im atio n
w e bsite
bin d e ry
printer
p hoto
pa p e r
typ e fac e s
fo r m at
cat e g o r y
J as o n B e rgl a n d
C as pe r La i
He rrin g & R o bin s on B o ok bi nde rs
Ep s o n St y l u s Ph o to R 1 8 0 0
S h ih we n Wa n g ⁄ Grace C h e n g ⁄ Ve er
En t ra d a Ra g Na t u ra l 1 9 0 g s m Pap er
FF U n it ⁄ Un i t S l a b
Va r i o u s
P ri nt ⁄ Packag i ng ⁄ M ul ti m e di a
r e ? o l ve
116 ⁄ 117
p r oj e c t
9 â „ 9
title
thesis project: ecode
portfolio
shihwen wang
r e ? o l ve 118 â „ 119
project
9 â „ 9
title
thesis project: ecode
portfolio
shihwen wang
r e ? o l ve 120 â „ 121
project
9 â „ 9
title
thesis project: ecode
portfolio
shihwen wang
Organic
Organic Organic Food
Marin
Stewardship
Marin stewardship
Marin stewardship
Marin stewardship Marin
Stewardship
Forest
Stewardship
Forest stewardship
Forest stewardship
Forest stewardship
Forest
Stewardship
Animal Welfare
Animal welfare
Animal welfare
Animal welfare
Animal Welfare
Cruelty free
Cruelty free
Cruelty free
Cruelty free
Cruelty free
Fair
Trade
Fair trade
Fair trade Fair
Trade
Energy
Renewable
Renewable energy
Renewable energy
Energy
Renewable
Energy Efficient
Energy efficient
Energy efficient
Energy Efficient
r e ? o l ve
Tourism
Sustainable 122 â „ 123
Tourism
Sustainable
â „
Organic
ecode icon development
Food
sketches.
Organic
project
9 â „ 9
title
thesis project: ecode
shihwen wang portfolio
Green-E
RENEWABLE ENERGY
bottom . ⁄
FAIR TRADE
front . ⁄
Fai r trade L abelling Org aniz ations Internati onal (FLO)
ENERGY MANAGEMENT
ORGANIC
FAIR TRADE
Uni te d S ta te s De pa r tm e nt of Ag r i culture
ORGANIC AGRICULTURE
UNBLEACHED FIBER
100% rec yc led p aperb oard
RECYCLED CONTENT
r e ? o l ve
Unb leached natur al fiber
UNBLEACHED TEABAG
124 ⁄ 125
project
9 â „ 9
title
thesis project: ecode
portfolio
shihwen wang
BERKELEY EMERYVILLE 12 DOWNTOWN SAN FRANCISCO
15 SOUTH SAN FRANCISCO
48
BURLINGAME
11
14
(Each dot represents one person surveyed at the location)
SAN FRANCISCO BAY AREA
r e ? o l ve 126 ⁄ 127
project
9 â „ 9
title
thesis project: ecode
portfolio
shihwen wang
r e ? o l ve 128 â „ 129
p r oj e c t
9 â „ 9
title
thesis project: ecode
portfolio
shihwen wang
r e ? o l ve 130 â „ 131
p r oj e c t
9 â „ 9
title
thesis project: ecode
portfolio
shihwen wang
r e ? o l ve 132 â „ 133
p r oj e c t
9 â „ 9
title
thesis project: ecode
shihwen wang portfolio
â „ ecode standard site
website.
r e ? o l ve
134 â „ 135
p r oj e c t
9 â „ 9
title
thesis project: ecode
portfolio
shihwen wang
r e ? o l ve 136 â „ 137
p r oj e c t
9 â „ 9
title
thesis project: ecode
shihwen wang portfolio
product barcode to retrieve product information
Users can use the built in camera to scan the
scan
02
f ied by categor y
Users can browse the list of product s we cer ti-
search
03
and save shopping list s
Users can change their p re fer ence se t t ings
shop guide
04
phone or email
User s c an r ead ab out ECOD E and con tact us by
about ecode
r e ? o l ve
01
138 â „ 139
p r oj e c t
9 â „ 9
title
thesis project: ecode
portfolio
shihwen wang
r e ? o l ve 140 â „ 141
p r oj e c t
9 â „ 9
title
thesis project: ecode
portfolio
shihwen wang
I’d like to thank... 01. ⁄
Family
My dearest parents ⁄ family members
02. ⁄
FACULTY
Mary Scott ⁄ Phil Hamlett ⁄ Hunter Wimmer ⁄ Ariel Grey ⁄ JJ Ha ⁄ Michael Sainato ⁄ Brian Singer ⁄ George Slavik ⁄ Mark Roudebush ⁄ Stan Zienka ⁄ Troy Alders ⁄ Claude Dieterich ⁄ Jennifer Sterling ⁄ Scot Crisp ⁄ Tyler Carter
03. ⁄
Friends
Evelyn Liu ⁄ Lisa Lu ⁄ Kamilah Dove ⁄ Grace Cheng ⁄ Amy Pan ⁄ Lang Lee ⁄ Tom Nichols ⁄ Jason Bergland ⁄ Katy Liao ⁄ Louise Chen ⁄ Daphne Chang ⁄ Denise Ho ⁄ Marlene Franco ⁄ Evelyn Jeng ⁄ Casper Lai
r e ? o l ve 142 ⁄ 143
acknowledgements
portfolio
shihwen wang
colophon
design
S h i h we n Wa n g
fo r m at
B o o k 8 . 5 Ă— 1 1 . 5 IN
t y p e fac e
C h ro n icle â „ DIN
pa p e r
N e e n ah Pape r, E n v iron m e n t 8 0 l b. Tex t
c ov e r
CM Ar re stox
p hoto
S h i h we n Wa n g , Ka m i l a h Dove , Eve ly n L i u
printer
H H Im a g i n g
bin d e ry
He rrin g & R o bin s on B o ok bin de rs
r e ? o l ve 144