PORTFOLIO OF MEI-YING LI
TABLE OF CONTENTS
01
CAMPAIGN
06
02
PRINTS
36
03
INTERACTIVE
56
01 CAMPAIGN
PROJECT/
LILAS PERFUMED CHOCOLATE
PROBLEM /
Select or create a chocolate company to brand. The branding includes the company’s logo, campaign, packaging, and website.
SOLUTION/
The company I chose is called Lilas, a high-end perfumed chocolate brand from France, whose main client is middle-class females. My goal is to introduce the elegance of Lilas Chocolate to the U.S market.
M E I-Y ING L I
L IL AS
t
Chocolat Parfumé
≠
≠
s
v
≠ ≠
08
..
q
Perfumed Chocolate Collection
FORGET ME NOT
q
q
DAYLILY
q
q
BLUE LAVENDER
q
q
q
M E I-Y ING L I
ROSE
L IL AS
q
10
t
Chocolat Parfumé
s
v ..
≠
≠ ≠
≠
M E I-Y ING L I
L IL AS
12
A Taste To Remember
A Taste To Remember
M E I-Y ING L I
Lilas
Lilas
Lilas
Lilas
Lilas
Li las
L IL AS PROCE SS
ilas
ilas
LI L S V
T
T
A Taste To Remember
A Taste To Remember
}
}
A Taste To Remember
t
S
S A Taste To Remember
s
T
T
v ] ] ] ]
14
PROJECT/
CRISIS OF REFINANCING
PROBLEM /
Rebrand a non-profit organization and come up with a merchandising strategy and Ad campaign.
SOLUTION/
The organization I chose is called NFCC. It promotes the national agenda for financially responsible behavior, and builds capacity for its members to deliver a high quality financial education and counseling services. My concept is to introduce the problem by using incomplete geometric shapes, which represent the idea of debt. It is a very common problem in United States, but as long as it exists, the individual’s life wouldn’t be complete.
URL/
http://vimeo.com/40275060
M E I-Y ING L I
NFCC
16
D E B T Your Debt Helper Visit www.nfcc.org
N FC C
M E I-Y ING L I
NFCC
D E B T Your Debt Helper Visit www.nfcc.org
N FC C
18
D E B T Your Debt Helper Visit www.nfcc.org
N FC C
M E I-Y ING L I
NFCC
20
D E
D E
B T Your Debt Helper Visit www.nfcc.org
M E I-Y ING L I
B T
NFCC
D E B T Your Debt Helper Visit www.nfcc.org
Your Debt Helper Visit www.nfcc.org
22
M E I-Y ING L I
NFCC
24
NFCC
NFCC
NFCC
NFCC
NFCC
NFCC
NFCC
NFCC
NFCC
NFCC
NFCC
NFCC
NFCC
NFCC
NFCC
NFCC
NFCC
NFCC
NFCC
NFCC
NFCC
NFCC
NFCC
NFCC
NFCC
Don’t Be Stupid
Make The Smart Decision
[ ]
D E B T Your Debt Helper Visit www.nfcc.org
D E B T Your Debt Helper Visit www.nfcc.org
M E I-Y ING L I
Don’t Risk It
D E B T
NFCC PROCE SS
Debt Incompletes You
Debt Incompletes You
Debt Incompletes You
D E B T
D E B T
D E B T
Your Debt Helper Visit www.nfcc.org
Your Debt Helper Visit www.nfcc.org
N FC C
Your Debt Helper Visit www.nfcc.org
Your Debt Helper Visit www.nfcc.org
N FC C
N FC C
26
PROJECT/
GREEN HARMONY
PROBLEM /
Create an identity system for a community-oriented new studio called Green Harmony.
SOLUTION/
The concept behind the logo is green and people. To incorporate the idea into my design, I created a graphic based on the company’s initials, g and h, symboizing people reaching out his hand to others, which matches the company’s aim—to help the community. I also chose the color green because they are a environmentally friendly company, and green tends to give the audience a natury, greenpeace feel.
M E I-Y ING L I
GRE E N HARM ONY
28
M E I-Y ING L I
GRE E N HARM ONY
30
PROJECT/
DRUG ABUSE
PROBLEM /
Create a visual engaging campaign for a social issue.
SOLUTION/
The topic I chose for this project is drug abuse. My concept is to show the audience that over-using drugs might not affect one’s health right away, but it will kill one over time.
URL/
http://vimeo.com/40275171
M E I-Y ING L I
DRU G ABU S E
30
PROJECT/
STERN GROVE FESTIVAL
PROBLEM /
Create a series of postcards for a music festival here in San Francisco. The postcards have to indicate the date of the event and some basic information.
SOLUTION/
Through my research, I found the music being played at the event is mostly relaxing, and happy. I wanted to create postcards that show the positive energy of the event. My solution is to use vivid colors to visually communicate the feeling of happiness. And the circles represent the vibration of sound.
M E I-Y ING L I
S TE RN GROV E F E S TIVAL
32
M E I-Y ING L I
S TE RN GROV E F E S TIVAL
34
02 PRINTS
PROJECT/
LIFE’S TOO F***ING SHORT
PROBLEM /
Redesign a book cover to better represent its content.
SOLUTION/
Life’s Too F***ing Short is a self help book dealing with depression. My concept is to use vivid colors to represent beautiful things in one’s life. The line is a metaphor of life line and each circle is a stop in life. The idea of using circle continues to the text in each chapter opener.
M E I-Y ING L I
L IFE ’S TOO F ***ING SHORT
38
M E I-Y ING L I
L IFE ’S TOO F ***ING SHORT
40
M E I-Y ING L I
L IFE ’S TOO F ***ING SHORT
42
PROJECT/
STRIKE ME
PROBLEM /
Design a book based on a natural phenomenon.
SOLUTION/
The natural phenomenon I picked is thunderstorms. The keywords I chose are rage, destroy, and combination. All of the design are based on the keywords I picked.
M E I-Y ING L I
S TRIKE M E
44
M E I-Y ING L I
S TRIKE M E
46
PROJECT/
THE NEW VISION
PROBLEM /
Create two posters and a book based on two type designs from a specific era.
SOLUTION/
The time period I chose is Bauhaus, and the fonts I chose are Koloss and Erbar. I was inspired by the architectural style, and the 45 degree diagonal lines, and that is what I based my design on.
M E I-Y ING L I
THE NE W V IS ION
48
M E I-Y ING L I
THE NE W V IS ION
50
E BO
L
AR
RB
19 JAK 23 OB
34
E gh 56 F G H i j k 78 I J l m 90 K L n o M p NO qr PQ stu RS vw TU xy VW z XY Z
D
ef
SE
cd
EN
CD
ND
AB
ND
EN
CO
12
LD z Z xy XY vw W tu UV rs ST pq QR P no m NO kl M ij KL gh IJ ef GH 0 c d E F 789 C D 56 A B 34 12
CO
BO
SE
AR
D
RB ab
ab
23 19 AKOB J
E LD
THE NE W V IS ION M E I-Y ING L I
52
!" # $
%
&
'(
)/ ?
=
O
K
X Y Z
lm n
1
9
2
SS
3
b o k ar ja r b e
LO z
a o b p cd q r ef s t g u h v i w jk x y
F
G
H
I
J
K
L
M
N
O
P
Q
R
S
T
U
V
W
X
Y
Z
SS E
r b ko a b r
D
K
L ja O e
C
B
D
F
H
J
M
O
O
B
1234567890
A
A C
E
G
I
L
N
P
Q
1
R
S
K
THE NE W V IS ION M E I-Y ING L I
9
T
o
b
3
V
!"
#
$
%
&
n
'(
lm k z ij xy h w g f uv e d st r q
p
c
2
a
U
)/
?
=
S
54
1234567890
03 INTERACTIVE
PROJECT/
SCHOOL OF ILLUSTRATION
PROBLEM /
Design a website for AAU Illustration department.
CODING/
HTML / CSS/ PHP
URL/
newmedia.academyart.edu/~02771141/illustration
M E I-Y ING L I
AAU IL LU S TRATION
58
M E I-Y ING L I
AAU IL LU S TRATION
60
PROJECT/
LILAS PERFUMED CHOCOLATE
PROBLEM /
Website design for my Lilas perfumed chocolate project.
CODING/
HTML / CSS/ 960Grids
URL/
meiyingli.com/lilas
M E I-Y ING L I
L IL AS
62
M E I-Y ING L I
LILAS
64
PROBLEM /
Design a website for SOMAFM.
CODING/
HTML / CSS/960GRIDS
URL/
meiyingli.com/somafm
M E I-Y ING L I
S OM AFM
66
PROJECT/
THE NEW VISION
PROBLEM /
Design a website for my new vision project.
CODING/
HTML / CSS
URL/
meiyingli.com/newvision
M E I-Y ING L I
THE NE W V IS ION
68
M E I-Y ING L I
THE NE W V IS ION
70
M E I-Y ING L I
THE NE W V IS ION
72
PROJECT/
PRESS HERE
PROBLEM /
Design an interactive book for ipad
SOFTWARE/
CORONA SDK
M E I-Y ING L I
PRE SS HE RE
74
M E I-Y ING L I
PRE SS HE RE
76
M E I-Y ING L I
PRE SS HE RE
78
DESIGNER/
MEI-YING LI MEIYINGLI@HOTMAIL.COM MEIYINGLI.COM
THANK YOU/
I want to thank all of my friends, family, and instructors over the past four years. I would not have been where i am now without all of you. Thank you so much for everything.