PORTFOLIO OF MEI-YING LI

TABLE OF CONTENTS

CAMPAIGN

PRINTS

INTERACTIVE

06

36

56

01

02

03

CAMPAIGN

01

PROJECT/

LILAS PERFUMED CHOCOLATE

Select or create a chocolate company to brand. The branding includes the company’s logo, campaign, packaging, and website.

The company I chose is called Lilas, a high-end per-fumed chocolate brand from France, whose main cli-ent is middle-class females. My goal is to introduce the elegance of Lilas Chocolate to the U.S market.

PROBLEM /

SOLUTION/

MEI-YING LI LILAS

08

Chocolat Parfumé

t

s

v

≠

≠

≠

≠

�

..

FORGET ME NOT DAYLILY BLUE LAVENDER ROSEq q q q qq q q

� Perfumed Chocolate Collection�

DAYLILY BLUE LAVENDERq q qq

Perfumed Chocolate Collection

MEI-YING LI LILAS

10

FORGET ME NOT DAYLILY BLUE LAVENDER ROSEq q q q qq q q

� Perfumed Chocolate Collection

Chocolat Parfumé

t

s

v

≠

≠

≠

≠

�

..

Chocolat Parfumé

t

s

v

≠

≠

≠

≠

�

..

MEI-YING LI LILAS

12

A Taste To Remember

� � � A Taste To Remember

� � �

MEI-YING LI LILAS PROCESS

14

Lilas Lilas

LilasLilas

Lilas

Li las

LIL

V

S

� ilas

�

� ilas

�

A Taste To Remember�A Taste To Remember�A Taste To Remember

�

A Taste To Remember

t

s

v

]]

] ]

�

A Taste To Remember

}

S

S

}

�

TT

TT

A Taste To Remember

�

PROJECT/

CRISIS OF REFINANCING

Rebrand a non-profit organization and come up with a merchandising strategy and Ad campaign.

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 geo-metric 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.

PROBLEM /

SOLUTION/

http://vimeo.com/40275060URL/

MEI-YING LI NFCC

16

D E B T

Your Debt Helper

Visit www.nfcc.org

N F C C

D E B T

Your Debt Helper

Visit www.nfcc.org

N F C C

MEI-YING LI NFCC

18

D E B T

Your Debt Helper

Visit www.nfcc.org

N F C C

D E B T

Your Debt Helper

Visit www.nfcc.org

N F C C

MEI-YING LI NFCC

20

Your Debt Helper

Visit www.nfcc.org

D E B TYour Debt Helper

Visit www.nfcc.org

D E B T

D E B TYour Debt Helper

Visit www.nfcc.org

MEI-YING LI NFCC

22

Your Debt Helper

Visit www.nfcc.org

D E B T

MEI-YING LI NFCC

24

N F C C N F C C N F C C N F C C N F C C

N F C C N F C C N F C C N F C C N F C C

N F C C

[ ]N F C C N F C C N F C C N F C C

N F C C N F C C N F C C N F C C N F C C

N F C C N F C C N F C C N F C C N F C C

Don’t Be Stupid

D E B T

Your Debt Helper

Visit www.nfcc.org

Make The Smart Decision

D E B T

Your Debt Helper

Visit www.nfcc.org

MEI-YING LI NFCC PROCESS

26

Debt Incompletes You

D E B T

Your Debt Helper

Visit www.nfcc.org

N F C C

Don’t Risk It

D E B T

Your Debt Helper

Visit www.nfcc.org

Debt Incompletes You

D E B T

Your Debt Helper

Visit www.nfcc.org

N F C C

Debt Incompletes You

D E B T

Your Debt Helper

Visit www.nfcc.org

N F C C

PROJECT/

GREEN HARMONY

Create an identity system for a community-oriented new studio called Green Harmony.

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 environmen-tally friendly company, and green tends to give the audi-ence a natury, greenpeace feel.

PROBLEM /

SOLUTION/

MEI-YING LI GREEN HARMONY

28

MEI-YING LI GREEN HARMONY

30

PROJECT/

DRUG ABUSE

Create a visual engaging campaign for a social issue.

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.

http://vimeo.com/40275171

PROBLEM /

SOLUTION/

URL/

MEI-YING LI DRUG ABUSE

30

PROJECT/

STERN GROVE FESTIVAL

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.

Through my research, I found the music being played at the event is mostly relaxing, and happy. I wanted to cre-ate postcards that show the positive energy of the event. My solution is to use vivid colors to visually communi-cate the feeling of happiness. And the circles represent the vibration of sound.

PROBLEM /

SOLUTION/

MEI-YING LI STERN GROVE FESTIVAL

32

MEI-YING LI STERN GROVE FESTIVAL

34

PRINTS

02

PROJECT/

LIFE’S TOO F***ING SHORT

Redesign a book cover to better represent its content.

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.

PROBLEM /

SOLUTION/

MEI-YING LI LIFE’S TOO F***ING SHORT

38

MEI-YING LI LIFE’S TOO F***ING SHORT

40

MEI-YING LI LIFE’S TOO F***ING SHORT

42

PROJECT/

STRIKE ME

Design a book based on a natural phenomenon.

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.

PROBLEM /

SOLUTION/

MEI-YING LI STRIKE ME

44

MEI-YING LI STRIKE ME

46

PROJECT/

THE NEW VISION

Create two posters and a book based on two type designs from a specifi c era.

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.

PROBLEM /

SOLUTION/

MEI-YING LI THE NEW VISION

48

MEI-YING LI THE NEW VISION

50

ERBAR19

23

JAKOB

a b c d e f gh i j

k l mn o p q r s

t uv w x y z

A B C D E F G H I JK L M N O P Q R S T U V W X Y Z

1234567890

BOLD

COND

ENSED

MEI-YING LI THE NEW VISION

52

ERBAR19

23

JAKOB

a b c d e f gh i j

k l mn o p q r s

t uv w x y z

A B C D E F G H I JK L M N O P Q R S T U V W X Y Z

1234567890

BOLD

COND

ENSED

ERBAR

1923JAKOB

a b c d e f g h i j k l m n o p q r s t u v w x y z

A B C D E F G H I J K L M N O P Q R S T U V W X Y Z

1234567890

BOLD CONDENSED

KOLO

SS

AB

CD

EF

GH

IJ

KL

MN

OP

QR

ST

UV

WX

YZ

!"#

$%

&'()/?

=

jakob

erbar

1234567890

19

23

ab

cde

fg

hijk

lmn

op

qr

st

uv

wx

yz

MEI-YING LI THE NEW VISION

54

KOLO

SS

AB

CD

EF

GH

IJ

KL

MN

OP

QR

ST

UV

WX

YZ

!"#

$%

&'()/?

=

jakob

erbar

1234567890

19

23

ab

cde

fg

hijk

lmn

op

qr

st

uv

wx

yz

KOLO

SS

ABCDEFGHIJKLMNOPQRSTUVW

XYZ

! "#$%&' ( ) / ?

=

jakob

erbar

1234567890

1923a

bcd

efghi jk

lmn

opqrstuvwxyz

INTERACTIVE

03

PROJECT/

SCHOOL OF ILLUSTRATION

Design a website for AAU Illustration department.

HTML/CSS/PHP

newmedia.academyart.edu/~02771141/illustration

PROBLEM /

CODING/

URL/

MEI-YING LI AAU ILLUSTRATION

58

MEI-YING LI AAU ILLUSTRATION

60

PROJECT/

LILAS PERFUMED CHOCOLATE

Website design for my Lilas perfumed chocolate pro-ject.

HTML/CSS/960Grids

meiyingli.com/lilas

PROBLEM /

CODING/

URL/

MEI-YING LI LILAS

62

MEI-YING LI LILAS

64

Design a website for SOMAFM.

HTML/CSS/960GRIDS

meiyingli.com/somafm

PROBLEM /

CODING/

URL/

MEI-YING LI SOMAFM

66

PROJECT/

THE NEW VISION

Design a website for my new vision project.

HTML/CSS

meiyingli.com/newvision

PROBLEM /

CODING/

URL/

MEI-YING LI THE NEW VISION

68

MEI-YING LI THE NEW VISION

70

MEI-YING LI THE NEW VISION

72

PROJECT/

PRESS HERE

Design an interactive book for ipad

CORONA SDK

PROBLEM /

SOFTWARE/

MEI-YING LI PRESS HERE

74

MEI-YING LI PRESS HERE

76

MEI-YING LI PRESS HERE

78

MEI-YING LI

MEIYINGLI@HOTMAIL.COM

MEIYINGLI.COM

I want to thank all of my friends, family, and instruc-tors over the past four years. I would not have been where i am now without all of you. Thank you so much for everything.

DESIGNER/

THANK YOU/