JUDGE ME BY MY QUESTIONS
SELECTED WORKS BY BEIBEI AN GRAPHIC DESIGN
A
B
C
© 2017 Beibei An Text: Beibei An Photos: Beibei An, Mary Campbell Digital Printing: Plotnet, San Francisco, CA Binding: Taurus Bookbindery, Berkeley, CA
SELECTED WORKS BY BEIBEI AN
D
E
SOMETHING ABOUT ME AND MY DESIGN Hi, welcome to Beibei’s portfolio. I’m a skeptical person, questioning everything I’ve been told, and trying to find out the truth constantly. As a designer, I take that habit with me, which has brought me to journeys of searching for the right design solution. I don’t like to settle easily on obvious choices. Instead, I pounder the questions, dig the roots, and shake the core. As a result, I hope I’m able to communicate the messages that can be felt by the heart.
F
G
PROJECT 1
FREE THE POTATO
01
STRATEGY / IDENTITY / UX
TABLE OF CONTENTS
/ EVENTS / RESEARCH PROJECT 2
IXD 16
28
POSTER / BROCHURE / IDENTITY / APP / WEBSITE PROJECT 3
PATIO
34
POSTERS / TYPOGRAPHY PROJECT 4
NETFLIX ANNUAL REPORT
48
EDITORIAL DESIGN / TYPOGRAPHY/ BOOK BINDING PROJECT 5
THE FAULT IN OUR LOVE WEBSITE / UX / TYPOGRAPHY
H
I
56
I WONDER
HOW COULD PEOPLE WATCH LESS TV?
Project 1
J
J
1
I CREATED
FREE THE POTAT0 STRATEGY / IDENTITY / UX / EVENTS / RESEARCH
This school project is aiming to identify and solve this interesting problem I asked within graphic design capability. To answer the question How could people watch less TV? I researched why people enjoy watching TV so much, and digged deep to see what excessive TV consumption has to do with living a good life. In the end, I had come to the conclution that people generally could live a more fulfilled life watching less TV.
could potentially meet the needs of my target audiences and help solving the problem. Finally, I designed a brand logo that was based on the screen light projection; an marathon event which people can dress up as their favorite characters; an app which helps people to find fun challenges when they get bored and want to settle down with TV and a website that comes with all sorts of 30-days challenges which people can socially engage in personal growth by using the time watching TV.
To futhur develop the project, I identified audiences and stakeholders of the topic. I then create a brand which
Event Poster 2
3
FR EE TH E PO TATO
BR ANDI NG
FREE THE POTATO
FR EE TH E PO TA TO
FR EE TH E PO TA TO
FREE THE POTATO
4
| FREE THE POTATO |
SPR I NG 201 6
| BEIBEI AN
LO G O
FREE THE POTATO
5
6 7 BR ANDI NG
| BEIBEI AN
| FREE THE POTATO |
SPR I NG 201 6
PO STER S
8 9 BR ANDI NG
| BEIBEI AN
| FREE THE POTATO |
SPR I NG 201 6
PO STER S
10
11
12 13 BRAN DI NG
3 0 DAYS TV-FR EE 5K CHAL L ENGE
| BEIBEI AN
| FREE THE POTATO |
SPR I NG 201 6
14 15 BRA ND IN G
EVENT TI C KET AND BR OCHUR E
| BEIBEI AN
| FREE THE POTATO |
SPR I NG 201 6
16
17
FRE E THE POTATO
Challenges that are so fun you want to forget about that TV show.
Create an Account
< FEED
Log In
CHALLENGES
< FEED
Beibei An has just Challenged
EDIT >
EDIT >
< FEED
Squat Challenge
| BEIBEI AN
15 min
1
60Cal
CHALLENGES
EDIT >
Draw your dream Time: 35 min
How much time do you have?
1 Hour Cardio Challenge
Join
Lorem ipsum dolor sit amet, consectetur adipiscing elit.
5
10
15
20
25
30
35
40
45
50
55
60
NEW
min
Take pictures of anything in pink in your home
Challenge Categories
Write for One Hour
Time: 10 min
What can you come up with in one hour? Publish the result at 8pm EST!
Join
Fitness
Art
Chore
David has just Challenged
Magazine Collage Theme: Crazy
Chore Challenge
SPR I NG 201 6
15 min
Feed
Challenges
1
60Cal
New
Profile
Time: 30 min Guinness Book
Fun
Guinness of Rec ord s
Group
Tongue Twister
Musi c Music
Join
Write down 50 best things that has happened
Others
Time: 1 h
GO!
Setting
Challenges
New
Profile
Setting
BR ANDI NG
Feed
| FREE THE POTATO |
FEED April 2, 2016
Q U I T TV APP
Log In
CHALLENGES
< FEED
PROFILE
SIGN OUT
SHARE
Draw your dream
i
EDIT
Time: 35 min
PROFILE
SIGN OUT
Nikki
Time
San Francisco, California
EDIT
Location
Difficulty
Draw your dream from last night
26
18 345 Challengers
Name:
What to challenge
FOLLOWING
FOLLOWING
Starts at 4 pm
Join
Add a photo Following
Overall TV-DITCHERS
Category
Mike
98
2
Jack
87
3
Lo John adipiscing elit.
75
16 Challenges
1
4
Wang
69
5
Ted
54
6
Key
44
7
Nikki
42
THIS WEEK
CHALLENGES
Feed
Spend no more than $20 a Day
Description:
Meditation for 10 minutes
41
Dina
Challenges
Select Category
Select Tag
When:
Squats 50 times
M T W T F S S
8
Tag
New
Profile
Setting
Feed
18
Challenges
New
Profile
Setting
Feed
Challenges
New
19
Profile
Setting
Log In
< FEED
FEED
EDIT >
CHALLENGES
< FEED FRE E THE POTATO
EDIT >
April 2, 2016
Beibei An has just Challenged
Squat Challenge 15 min
How much time do you have?
1
60Cal
5
10
15
20
25
30
35
40
45
50
55
60
1 Hour Cardio Challenge
min
Lorem ipsum dolor sit amet, consectetur adipiscing elit.
Write for One Hour What can you come up with in one hour? Publish the result at 8pm EST!
| BEIBEI AN
Challenges that are so fun you want to forget about that TV show.
Art
Fun
Guinness of Rec ord s
Musi c Music
Group
Tongue Twister
Others
David has just Challenged
Chore Challenge 15 min
1
60Cal
Create an Account
SPR I NG 201 6
Chore
Fitness
Guinness Book
Log In
< FEED
CHALLENGES
EDIT >
CHALLENGES
< FEED
SHARE
Draw your dream
Draw your dream
Time: 35 min
Time: 35 min
Challenges
New
PROFILE
SIGN OUT
i
PROFILE
SIGN OUT
Nikki
Time
26
18
EDIT
Location
Difficulty
Starts at 4 pm
Take pictures of anything in pink in your home
345 Challengers
Name:
What to challenge
FOLLOWING
FOLLOWING
Join
Add a photo Following
Overall
Time: 10 min TV-DITCHERS
Join
Category Mike
98
2
Jack
87
3
Lo John adipiscing elit.
75
1
THIS WEEK
Magazine Collage Theme: Crazy Time: 30 min
4
Wang
69
5
Ted
54
CHALLENGES
16
Tag
6
Key
44
7
Nikki
42
Time: 1 h
8
Dina
41
Profile
Feed
Setting
20
Challenges
New
Profile
Select Tag
When:
Squats 50 times
Description:
Spend no more than $20 a Day
Write down 50 best things that has happened
Select Category
Challenges
Join
New
EDIT
San Francisco, California
NEW
Challenges
GO!
Setting
Draw your dream from last night
Join
Feed
Profile
BR ANDI NG
Feed
Meditation for 10 minutes
M T W T F S S
Setting
Feed
Challenges
New
Profile
| FREE THE POTATO |
Q U I T TV APP
Challenge Categories
Setting
Feed
21
Challenges
New
Profile
Setting
Do It http://freethepotato.com/doit Do It
WELL-BEING
A WELL-BEING Badge 22
23
FREE THE POTATO
FREE THE FREE POTATO THE POTATO
FREE THE POTATO LIVE FREE
The next 30 days is going to pass whether you like it or not.
LIVE FREE LIVE FREE
SIGN IN
SIGN IN WITH FACEBOOK
- Or sign in with your email address -
SET PASSWORD
Now, what is it that you really want to do?
SIGN IN
OR LOG IN HERE
FINISH A 30-DAY CHALLENGE
ABOUT US
P R I VA C Y P O L I C Y
WORK WITH US
SUPPORT
SPR I NG 201 6
POTATO
FREE THE POTATO
Sign Up Log In
FREE FREE THE THE POTATOPOTATO
FREE THE POTATO
L IEVEE F R E E LIVE FR
LIVE FREE
LIVE FREE
Single Girl 30 days Challenge
FREEFREE THE THE POTATO POTATO
S TA R T
FIND A CHALLENGE
L I V EL IFVREE EF R E E
Commit to 30 days of breathing deep and listening. Acknowledge the distractions, the frustrations, the parts of the body that need more love or are in healing. Acknowledge it all! For this journey is about more than just a flexible, strong and tone body. It is about full mind, heart and body wellness.
C AT E G O R I E S Life Relationship
Yoga
Study Body
01
Ease Into It
02
03
Stretch and Soothe
Forget What You Know
04
Yoga for Your Back
05
Feel Alive Flow
06
Mind
Six Pack Abs
Food
Recommandations
Skills
07
Total Body Yoga
08
Yoga for Healing and Meditation
13
Endurance And Ease
14
19
Breath and Body Practice
20
25
Dancing Worrier Sequence
26
09
Full Potential Detox Practice
Mindful Hatha Yoga Workout
15
Half Hour Halfmoon Practice
Heart Practice
21
Earth Practice— Total Body
27
Habits
Challenge Stars
10
10min Sum Salutation Practice
11
Shakti Yoga Practice
12
Yoga for Spinal Health
16
Easy Breezy Beautiful Yoga
17
Happiness Boost Yoga
18
Wonder Yoga
Practice
22
Full Body Awareness
23
Freedom And Forgiveness
24
Gentle Yummy Yoga
Flexible, Fearless, And Fun Yoga
28
Playful Yoga
29
Sweet Surrender
Practice
30
Find What Feels Good
Challenges Social Growth
Joyful Home
30 Days of Yoga
No cursing for 30 days
Single Girls Challenge
Journal Everyday
Go Vegan
Read 20 pages Daily
BR ANDI NG
| BEIBEI AN
FREE
FREE THE THE POTATO LIVE FREE
Practice
Try something new for 30 days. Make a plan that’s easy and fun to follow! +567 people challenging
FREE THE POTATO
FREE FREE THE THE POTATOPOTATO
FREE THE POTATO
LIVE FREE
FREE FREE THE THE POTATOPOTATO
30 DAYS OF YOGA
Find the answer and
Day 1
Day 6
Ease Into It
Day 2 Stretch & Soothe
Use this DAY 1 practice to take stock, check in with the body and mind. Begin here to set the foundation for a connected home practice. Connect and support others down below! Cultivate positivity. Remember each day is different! The journey is the reward! See you tomorrow!
0:17
Voice Over: To live a life that’s worth living, a life you won’t regret, takes some courage and creative effort. But it is possble, and you can do it.
24
30 DAYS OF YOGA
L IEVEE F R E E LIVE FR
L IEVEE F R E E LIVE FR
LIVE FREE
25
Six Pack Abs
| FREE THE POTATO |
DO I T W EBSI TE
C O N TA C T
And Get A Secret Gift In The End
Day 7 Total Body Yoga
FREE THE POTATO LIVE FREE
My Challenges
FREE THE POTATO LIVE FREE
| BEIBEI AN
A WELL-BEING Badge
Believe for the better.
No cursing for 30 days
SPR I NG 201 6
30 Days of Yoga
Single Girls Challenge
Edit my profile
8 am WELL-BEING
Looking Good
Relationship
Intelligence
Friends Feed
BR ANDI NG
Did my yoga for today!
1:30 pm
This challenge is fun~
8 am
I think Iâ&#x20AC;&#x2122;m become better!
26
| FREE THE POTATO |
DO I T W EBSI TE
WELL-BEING
27
I QUESTION
IS THE INTERNET OF THINGS GOOD FOR US?
Project 2
28
29
I CREATED
INTERACTION DESIGN CONFERENCE 2016 POSTER / BROCHURE / IDENTITY/ APP / WEBSITE In this project, we were asked to choose a design conference and design the promotion materials for it. I was very much interested in this interactive design conference and wondered how can I make design seem interactive. It made me curious about interactive design and starting study about it. After I learned about â&#x20AC;&#x153;The Internet of Thingsâ&#x20AC;?, I was fascinated by its potential role in our future life, and decided to incorporate this concept
30
into my design. I designed a poster, a brochure, several name badges, a mark, a event app and a website, also signages for the conference. For the brochure, I divided event schedules and speaker information into upper and lower two individual parts within the layout, so that people can quickly go to the speaker page when they interested to a certain talk.
31
32 33 BR ANDI NG
BR O C HU R E
| BEIBEI AN
| IXD 16 |
SPR I NG 201 6
34 35 BR ANDI NG
BR O C HU R E
| BEIBEI AN
| IXD 16 |
SPR I NG 201 6
ixD16 H E L S I N K I 36
37
38 39 BR ANDI NG
NAM E BADG ES
| BEIBEI AN
| IXD 16 |
SPR I NG 201 6
40 41 BR ANDI NG
APP
| BEIBEI AN
| IXD 16 |
SPR I NG 201 6
42
43
44 45 BR ANDI NG
W EBSI TE
| BEIBEI AN
| IXD 16 |
SPR I NG 201 6
Iâ&#x20AC;&#x2122;M CURIOUS
CAN GARDENS LIVE IN TYPE?
Project 3
46
47
I CREATED
PATIO
POSTER / TYPOGRAPHY When asked to experiment typography under the architectural theme, I was so excited and canâ&#x20AC;&#x2122;t wait to try it out. We needed to build types according to the topics we chose under the architectural theme, and make a series posters to promote an event that related to the chosen area.
packed with green plantations and all kinds of elements from nature (at least it is the way Iâ&#x20AC;&#x2122;d like). It helps us to relax from our daily busy life, also provides a great place to hangout with friends and our loved ones. For 3 posters, I choose Plantation, Materials and Plans as the sub-topic for each poster. Then, I hand-made all the mini gardens types to express the natural, spiratual, and peaceful feelings a patio can present.
As a person who has a deep love for nature and interior design, I choose Patio as my topic to work with. In my mind, whether it is on the roof top, or in the back of the yard, Patio is always
48
49
50
51
52 53 TY PO G R APHY
PO STER S
| BEIBEI AN
| PATIO |
SPR I NG 201 6
54 55 TY PO G R APHY
PO STER S
| BEIBEI AN
| PATIO |
SPR I NG 201 6
56 57 TY PO G R APHY
PO STER S
| BEIBEI AN
| PATIO |
SPR I NG 201 6
58 59 TY PO G R APHY
PO STER S
| BEIBEI AN
| PATIO |
SPR I NG 201 6
60 61 TY PO G R APHY
PO STER S
| BEIBEI AN
| PATIO |
SPR I NG 201 6
I ASK
WHY DO WE LOVE NETFLIX?
Project 4
62
63
I CREATED
NETFLIX ANNUAL REPORT EDITORIAL DESIGN / TYPOGRAPHY/ BOOK BINDING When asked to experiment typography under the architectural theme, I was so excited and canâ&#x20AC;&#x2122;t wait to try it out. We needed to build types according to the topics we chose under the architectural theme, and make a series posters to promote an event that related to the chosen area.
packed with green plantations and all kinds of elements from nature (at least it is the way Iâ&#x20AC;&#x2122;d like). It helps us to relax from our daily busy life, also provides a great place to hangout with friends and our loved ones. For 3 posters, I choose Plantation, Materials and Plans as the sub-topic for each poster. Then, I hand-made all the mini gardens types to express the natural, spiratual, and peaceful feelings a patio can present.
As a person who has a deep love for nature and interior design, I choose Patio as my topic to work with. In my mind, whether it is on the roof top, or in the back of the yard, Patio is always
64
65
66 67 TY P O G R APHY
| BEIBEI AN | BO O K 4
| NETFLIX ANNUAL REPORT |
SPR I NG 201 6
BOOK BI NDI NG
68 69 TY P O G R APHY
| BEIBEI AN | BO O K 4
| NETFLIX ANNUAL REPORT |
SPR I NG 201 6
BOOK BI NDI NG
70 71 TY P O G R APHY
| BEIBEI AN | BO O K 4
| NETFLIX ANNUAL REPORT |
SPR I NG 201 6
BOOK BI NDI NG
72 73 TY P O G R APHY
| BEIBEI AN | BO O K 4
| NETFLIX ANNUAL REPORT |
SPR I NG 201 6
BOOK BI NDI NG
74
75
76 77 TY P O G R APHY
| BEIBEI AN | BO O K 4
| NETFLIX ANNUAL REPORT |
SPR I NG 201 6
BOOK BI NDI NG
78 79 TY P O G R APHY
| BEIBEI AN | BO O K 4
| NETFLIX ANNUAL REPORT |
SPR I NG 201 6
BOOK BI NDI NG
80 81 TY PO G R APHY
| BEIBEI AN | BO O K 4
| NETFLIX ANNUAL REPORT |
SPR I NG 201 6
BOOK BI NDI NG
I CHALLENGE
HOW DO WE FALL IN LOVE?
Project 5
82
83
I CREATED
THE FAULT IN OUR LOVE WEBSITE / UI / UX /TYPOGRAPHY This is a typography project from the Type Experiments class. In this class, we created a website to tell a story by using type at a higher concept level. In order to tell a compelling story, we need to incorporate our personal interpretation and express it through unique typography. We need to push the boundaries between legibility and abstraction to achieve the ideal expressiveness.
his theories on love and romanticism. Based on his conclusions, I made the website “the Fault in Our Love”, and in there, I created 3 sections to answer 3 questions: What’s wrong with the way we love? What we don’t know? and What we should know? For the first and the important question, I contrasted two different styles of love by contrasting two fonts. For “classic personality”, I used Futura to indicate “old but good”, and for “romantic personality” I used Anisette to convey the often-change and unpredictable feature of the romance.
I chose the most mysterious thing for me at the moment to be my topic and it was LOVE. What’s right and what’s wrong in the way we love? After research, I found Alain de Botton and 84
85
86 87 TY P O G R APHY
| BEIBEI AN | BO O K 5
| THE FAULT IN OUR LOVE |
SPR I NG 201 6
W EBSI TE
88 89 TY P O G R APHY
| BEIBEI AN | BO O K 5
| THE FAULT IN OUR LOVE |
SPR I NG 201 6
W EBSI TE
P O L I T E N E S S
90
HO NE ST Y! 91
92 93 TY P O G R APHY
| BEIBEI AN | BO O K 5
| THE FAULT IN OUR LOVE |
SPR I NG 201 6
W EBSI TE
94 95 TY P O G R APHY
| BEIBEI AN | BO O K 5
| THE FAULT IN OUR LOVE |
SPR I NG 201 6
W EBSI TE
96
97
5 JUDGE ME BY MY QUESTIONS
I CHALLENGE “Judge a man by his questions rather than by his answers.”
—Voltaire
I’m a skeptical person. I question things that people have taken for granted. When I was young I questioned my mom “Who has a say on how a girl supposed to look like?”, after she said to me, “Can you please dress like a girl?” As a graphic designer, asking meaningful useful questions helped me to work through the problems I’m solving. What’s the purpose of design? How to achieve the goal? What am I trying to say? How should I say it? Who am I talking to?… I don’t settle easily on obvious solutions, instead, I pounder the questions again and again, dig the roots, and shake the core. In the end, I hope I’m able to communicate messages through people’s heart.
WWW.BEIBEIAN.ME
98
99
100