Mei-Ying Li Portfolio

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

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 incom-plete geometric shapes, which represent the idea of debt. It is a very common problem in United States, but as long as it exists, the indi-vidual’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 peo-ple. To incorporate the idea into my design, I created a graphic based on the company’s initials, g and h, symbolizing people reach-ing 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, green-peace 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 festi-val 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 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.

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 thunder-storms. 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 choco-late project.

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 LIMEIYINGLI@HOTMAIL.COMMEIYINGLI.COM

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.

DESIGNER/

THANK YOU/