Mei Portfolio

84

description

2012 Spring

Transcript of Mei Portfolio

Page 1: Mei Portfolio
Page 2: Mei Portfolio
Page 3: Mei Portfolio

PORTFOLIO OF MEI-YING LI

Page 4: Mei Portfolio
Page 5: Mei Portfolio

TABLE OF CONTENTS

CAMPAIGN

PRINTS

INTERACTIVE

06

36

56

01

02

03

Page 6: Mei Portfolio
Page 7: Mei Portfolio

CAMPAIGN

01

Page 8: Mei Portfolio

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/

Page 9: Mei Portfolio

MEI-YING LI LILAS

08

Chocolat Parfumé

t

s

v

..

Page 10: Mei Portfolio

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

� Perfumed Chocolate Collection�

DAYLILY BLUE LAVENDERq q qq

Perfumed Chocolate Collection

Page 11: Mei Portfolio

MEI-YING LI LILAS

10

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

� Perfumed Chocolate Collection

Page 12: Mei Portfolio

Chocolat Parfumé

t

s

v

..

Page 13: Mei Portfolio

Chocolat Parfumé

t

s

v

..

MEI-YING LI LILAS

12

Page 14: Mei Portfolio

A Taste To Remember

� � � A Taste To Remember

� � �

Page 15: Mei Portfolio

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

Page 16: Mei Portfolio

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/

Page 17: Mei Portfolio

MEI-YING LI NFCC

16

Page 18: Mei Portfolio

D E B T

Your Debt Helper

Visit www.nfcc.org

N F C C

Page 19: Mei Portfolio

D E B T

Your Debt Helper

Visit www.nfcc.org

N F C C

MEI-YING LI NFCC

18

Page 20: Mei Portfolio

D E B T

Your Debt Helper

Visit www.nfcc.org

N F C C

Page 21: Mei Portfolio

D E B T

Your Debt Helper

Visit www.nfcc.org

N F C C

MEI-YING LI NFCC

20

Page 22: Mei Portfolio

Your Debt Helper

Visit www.nfcc.org

D E B TYour Debt Helper

Visit www.nfcc.org

D E B T

Page 23: Mei Portfolio

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

Page 24: Mei Portfolio
Page 25: Mei Portfolio

MEI-YING LI NFCC

24

Page 26: Mei Portfolio

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

Page 27: Mei Portfolio

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

Page 28: Mei Portfolio

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/

Page 29: Mei Portfolio

MEI-YING LI GREEN HARMONY

28

Page 30: Mei Portfolio
Page 31: Mei Portfolio

MEI-YING LI GREEN HARMONY

30

Page 32: Mei Portfolio

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/

Page 33: Mei Portfolio

MEI-YING LI DRUG ABUSE

30

Page 34: Mei Portfolio

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/

Page 35: Mei Portfolio

MEI-YING LI STERN GROVE FESTIVAL

32

Page 36: Mei Portfolio
Page 37: Mei Portfolio

MEI-YING LI STERN GROVE FESTIVAL

34

Page 38: Mei Portfolio
Page 39: Mei Portfolio

PRINTS

02

Page 40: Mei Portfolio

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/

Page 41: Mei Portfolio

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

38

Page 42: Mei Portfolio
Page 43: Mei Portfolio

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

40

Page 44: Mei Portfolio
Page 45: Mei Portfolio

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

42

Page 46: Mei Portfolio

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/

Page 47: Mei Portfolio

MEI-YING LI STRIKE ME

44

Page 48: Mei Portfolio
Page 49: Mei Portfolio

MEI-YING LI STRIKE ME

46

Page 50: Mei Portfolio

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/

Page 51: Mei Portfolio

MEI-YING LI THE NEW VISION

48

Page 52: Mei Portfolio
Page 53: Mei Portfolio

MEI-YING LI THE NEW VISION

50

Page 54: Mei Portfolio

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

Page 55: Mei Portfolio

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

Page 56: Mei Portfolio

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

Page 57: Mei Portfolio

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

Page 58: Mei Portfolio
Page 59: Mei Portfolio

INTERACTIVE

03

Page 60: Mei Portfolio

PROJECT/

SCHOOL OF ILLUSTRATION

Design a website for AAU Illustration department.

HTML/CSS/PHP

newmedia.academyart.edu/~02771141/illustration

PROBLEM /

CODING/

URL/

Page 61: Mei Portfolio

MEI-YING LI AAU ILLUSTRATION

58

Page 62: Mei Portfolio
Page 63: Mei Portfolio

MEI-YING LI AAU ILLUSTRATION

60

Page 64: Mei Portfolio

PROJECT/

LILAS PERFUMED CHOCOLATE

Website design for my Lilas perfumed chocolate pro-ject.

HTML/CSS/960Grids

meiyingli.com/lilas

PROBLEM /

CODING/

URL/

Page 65: Mei Portfolio

MEI-YING LI LILAS

62

Page 66: Mei Portfolio
Page 67: Mei Portfolio

MEI-YING LI LILAS

64

Page 68: Mei Portfolio

Design a website for SOMAFM.

HTML/CSS/960GRIDS

meiyingli.com/somafm

PROBLEM /

CODING/

URL/

Page 69: Mei Portfolio

MEI-YING LI SOMAFM

66

Page 70: Mei Portfolio

PROJECT/

THE NEW VISION

Design a website for my new vision project.

HTML/CSS

meiyingli.com/newvision

PROBLEM /

CODING/

URL/

Page 71: Mei Portfolio

MEI-YING LI THE NEW VISION

68

Page 72: Mei Portfolio
Page 73: Mei Portfolio

MEI-YING LI THE NEW VISION

70

Page 74: Mei Portfolio
Page 75: Mei Portfolio

MEI-YING LI THE NEW VISION

72

Page 76: Mei Portfolio

PROJECT/

PRESS HERE

Design an interactive book for ipad

CORONA SDK

PROBLEM /

SOFTWARE/

Page 77: Mei Portfolio

MEI-YING LI PRESS HERE

74

Page 78: Mei Portfolio
Page 79: Mei Portfolio

MEI-YING LI PRESS HERE

76

Page 80: Mei Portfolio
Page 81: Mei Portfolio

MEI-YING LI PRESS HERE

78

Page 82: Mei Portfolio

MEI-YING LI

[email protected]

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/

Page 83: Mei Portfolio
Page 84: Mei Portfolio