shihwen wang portfolio

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.

print

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

Print

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