Making Your Cosmetics As Beautiful As You. MFA THESIS PROCESS BOOK
JING GE
1
JI N G G E M FA T H E SI S P R OJ EC T / P R O CE S S B O O K
2
Contents CHAPTER
0
1
CHAPTER
Introduction
0
3
Design Development
BACKGROUND
14
THE PROBLEM
16
IDENTITY DEVELOPMENT
DESIGN OPPORTUNITIES
18
INTERFACE DEVELOPMENT
42
USER TEST
50
MAGAZINE DEVELOPMENT
50
CHAPTER
0
2
Research CHAPTER
GATHERING FACTS & DATA
24
PERSONAS
26
EVENT
32
SURVEY
32
INSIGHTS
32
TARGET AUDIENCE
32
STRATEGY CHART
32
0
4
Final Deliverable BEAUX APP
88
BEAUX MAGAZINE
94
BEAUX POSTER
94
3
JI N G G E M FA T H E SI S P R OJ EC T / P R O CE S S B O O K
4
000
Foreword I started this topic because this is the problem I have to faces in my daily life. I’m a big fan of cosmetics and beauty products, I never realized the environmental impact cosmetics had on our health, until I watched Annie Leonard’s “Story of Cosmetics”, which examined the pervasive use of toxic chemicals in our everyday personal care products. I was shocked the cosmetics industry was not regulated like the food and drug sectors. And like most women, my lip gloss and shampoo are products I would never think to describe as “toxic” or could contain cancer-causing chemicals. And more shocked is there not many consumers really care about the ingredients in those cosmetics, because they can’t read the ingredients list I can not read it, too. I hope I can aware more people about this problem to reduce the potential damages of toxic chemicals in our personal care products with the skill I have in graphic design. Graphic design can be powerful tool to solve problems. I believe I can utilize my design skills to change people’s behavior and to help them engage in an daily cosmetic routine. With a littlr digging aroud, I found insights that inspired me and lead me in an inovative path to createsomting that has never been made before.
5
JI N G G E M FA T H E SI S P R OJ EC T / P R O CE S S B O O K
6
0
1
Introduction 001_ THE PROBLEM 002_WHY IS MATTER 003_DESIGN OPPORTUNITIES
7
JI N G G E M FA T H E SI S P R OJ EC T / P R O CE S S B O O K
001
The Problem Almost 13,000 different chemicals are used in cosmetics, and only about 10 percent have been evaluated for safety. You may be happy to know that the U.S. Food and Drug Administration (FDA) prohibits the use of mercury, chloroform and nine other substances in your shampoo, soap and other personal care products. That is, until you learn that the European Union prohibits the use of more than 1,300 substances in their personal care products. The FDA’s paltry restriction of just 11 substances is even more ridiculous considering there are nearly 13,000 chemicals used in cosmetics, and only about 10 percent have been evaluated for safety. Although the FDA has the authority to regulate harmful ingredients in cosmetics and personal care products, it typically doesn’t, preferring instead to rely on the products’ manufacturers to regulate themselves. If customers claim that a product has caused them harm, however, the companies are not required to report such claims to the FDA. And in the event that a product is deemed to be harmful, the FDA can’t even order a recall.
8
Almost 13,000 chemicals are used in cosmetics
Only about 10 percent have been evaluated for safety
9
JI N G G E M FA T H E SI S P R OJ EC T / P R O CE S S B O O K
10
20%
51%
96%
0%
Arsenic
Cadmium
Lead
Mercury
Environmental Defence tested 49 different makeup items, including foundations, concealers, powders, blushes, mascaras, eye liners, eye shadows, lipsticks, and lip glosses. Their testing revealed serious heavy metal contamination in virtually all of the products: This result just show the heavy metals contain in our cosmetics and that we know it’s harmful for our health. What about other toxic chemicals like Alpha Hydroxyl Acids, Parabens, Phthalates or other chemicals we cannot even pronounce? How many toxic chemicals we put on our face everyday?
100%
90%
61%
14%
Nickel
Beryllium
Thallium
Selenium 11
JI N G G E M FA T H E SI S P R OJ EC T / P R O CE S S B O O K
002
Why is Matter Your skin is the largest organ of the body, it is responsible for detoxification and absorption. According to Harvard’s School of Public Health, “In the United States, the average person is exposed to more than a hundred chemicals from cosmetics, soaps, and other personal care products before leaving the house in the morning.” While people may assume these products are safe, their chemical ingredients are mostly untested and largely unregulated, with even known carcinogenic and endocrine disrupting chemicals still found in some formulations. What’s more, ingredient labels can be misleading, leaving even the savviest consumers in the dark about the safety of the products they use every day. The average US woman uses 12 cosmetics a day, containing 168 different chemicals, according to the Environmental Working Group. While most men use fewer products, they’re still exposed to about 85 such chemicals daily, while teens, who use an average of 17 cosmetic products a day, are exposed to even more.
12
When it comes to food, it can be fairly simple and straight—forward to read the ingredients and make a decision about whether or not we want to eat it, and to avoid buying products with ingredients that don’t agree with us, such as dairy or gluten or common allergens. But when it comes to all of our cosmetics, it isn’t nearly as easy to understand which ingredients may be risky or hazardous, unless we’ve memorized the names of specific chemicals and additives that are known or suspected to be unhealthy for our bodies.
Woman will exposing themselves to a mixture of over 168 individual chemicals per day and more than 6,1320 per year. The average US woman uses 12 cosmetics a day
At least 14 chemicals in each products
13
JI N G G E M FA T H E SI S P R OJ EC T / P R O CE S S B O O K
“ The best way to deto
putting toxic things depend upon it's ow — Andrew Weil (American celebrity doctor)
14
oxify is to stop s into the body and wn mechanisms.
“ 15
JI N G G E M FA T H E SI S P R OJ EC T / P R O CE S S B O O K
16
003
Design Opportunities There are countless cosmetic awareness campaigns and organizations, but there are also countless unexploited opportunities that could mover consumers. Beaux uses unexploited opportunities that can mobilize all consumers—not just the crazy lover of cosmetics—to reduce the usgae of toxic chemicals in cosmetics. There are three approaches to achieve the goal. First, make it personal. Current cosmetic compagin or organization have focused on complex messaging that have emphsized benefits. Beaux is a brand that capitalized on the consumer’s tendency to care about toxic ingredients in products that appeal to their sense of self and particular image and lifestyle. Beaux is here to help you to avoid the harmful chemicals in cosmetics. Our quarterly beauty magazine and website of the same name provides suggestions, recommendations, rankings, tutorial and statistics to help you choose and use personal care products that are good for you. Our toxic tracker app keeps a tab on your chemical daily intake and helps you make an informed decision on what products to use or avoid. The Beaux Icon System can make it easier for you to get information about ingredients in your personal care products. Its guidelines are based on the stringent cosmetic safety policy used in the European Union.
17
JI N G G E M FA T H E SI S P R OJ EC T / P R O CE S S B O O K
18
0
2
Research 001_ PERSONAS 002_ EVENT 003_ ONLINE SURVEY 004_ INSIGHTS 005_ STRATEGY CHART 006_ TARGET AUDIENCE
19
JI N G G E M FA T H E SI S P R OJ EC T / P R O CE S S B O O K
“ Research is to see w
else has seen, and to nobody else has tho — Albert Szent-Gyorgyi
20
what everybody o think what ought.
“
21
JI N G G E M FA T H E SI S P R OJ EC T / P R O CE S S B O O K
Y
COMPLICATED
SACRIFICE
IMPULSE
s everyone live in fast ople are busy to work, tudy and busy to make es better. That makes ave less time get some wledge and information ead newspapers and en the ingredients eir personal beauty 22
Science technology and chemistry are very complicated and difficult for normal people, we only have some basic knowledges of them. That make people even they have habits of reading the ingredients list of beauty products but they still don’t know what exactly the chemicals use for.
Science technology and chemistry are very complicated and difficult for normal people, we only have some basic knowledges of them. That make people even they have habits of reading the ingredients list of beauty products but they still don’t know what exactly the chemicals use for.
Impulse purchasing is a common phenomenon in the modern marketing world and especially in beauty products world. It is had to resist the attraction and desire of beauty so the producers and marketers turn to induce the consumers to made impulse buying now.
PROMOTE
REGULATION WORSE
INTERACTION HABIT
AVOIDCONFLICT
Thebeauty development of scien not live loves without When we use products Womenthe absorb upofto 5lbs ofPeople can Woman Who safety every new seaWho can regulate the safety of can regulate bring convenience and and lipsticks, like cleanser, shampoo, con- to peop damaging a year with their smart Not chemicals FDA, it might sonedphones eye shadow beauty products? Not FDA, beauty it mightproducts? life wash but itand is also destroyin computers nowmost daysof and I think ditioner, body other to there beauty products. And to learn are no but them just use only a surprise you to learn there surprise are no youthanks nature. Everything this way to interact products the chemical ingredi-has tw according other research toxicis a good safety and to virtually no few times. That caused wasted safety standards and virtually no standards opposite sides, for chemis with peopleofabout theproducts. damage Think first ents will through sewer pull into in beauty restrictionschemicals for chemicals used products beauty restrictions for chemicals used and it also have 2 in then beauty products. environment atscience last those water can linked with Unlike cancer, birthof chemicals in personal-care products. and buy it is a good habit. in personal-care products. Unlike We can see the birds dying will into ocean. People should learning and with drugs, defects, no safety reviewsdisabilities are with drugs, no safety reviews are the ocean and we also can know how to avoid that. otherthese illness. The worst part is required before products required before these products the car running beauty products has ugly side. go to market, and no reporting go to market, and no reporting 23 on the roa How to keep developing of requirements exist for adverse requirements exist for adverse science and at the same ti events related to their use. events related to their use.
JI N G G E M FA T H E SI S P R OJ EC T / P R O CE S S B O O K
001
Personas Understanding your audience will allow you to find insight about their relationship to the topic, and it will allow you ti think about the best ways to reach your audience with design. By understanding your audience, you will create directed and focused materials, writing, visuals, and concepts. Therefore, defining your target audience is very important. I create a set of my archetypes by using cosmetic advertising card inside magazine to appearances. The brand on the card is to show their favourite brands. By showing their favourite brand can also show their consumer psychology.
24
25
JI N G G E M FA T H E SI S P R OJ EC T / P R O CE S S B O O K
26
27
JI N G G E M FA T H E SI S P R OJ EC T / P R O CE S S B O O K
28
29
JI N G G E M FA T H E SI S P R OJ EC T / P R O CE S S B O O K
002
Events Goal:
Uncover insights through the conversation with target audience. Date:
28/05/2015 Participants:
9 young adults To generate deeper insights into my thesis topic, which is encouraging people to considering ingredients in their cosmetics, I created a makeup and dinner event to get people together and discuss the topic. There are three major deliverables that I created for the event: invitation, event planning guide and a report which includes the dicymentation of the entire event and the distillation of this project. Ten people joined the event. They live in San Francisco, often shoping at downtown area. The clowd include a professional makeup artist, 7 makeup lover, and 2 guys doesn’t know a lot of cosmetic. The event included different people with different thought that give me a lot interesting insights.
30
31
JI N G G E M FA T H E SI S P R OJ EC T / P R O CE S S B O O K
32
33
JI N G G E M FA T H E SI S P R OJ EC T / P R O CE S S B O O K
“I will do lots research of review before I bought them, but I never thought I should check for the chemical ingedients. The reason makes me buy new kind of products is I saw the recommendation online.” —Qingyang
Qingyang li
28
CHINA
Ke Zhang
FEMALE
GRAPHIC DESIGNER
30
CHINA ACCOUNTANTS
Ran Zhang
FEMALE
25
CHINA
FEMALE
MATH STUDENT
“I read the ingredients list of every thing I used, but it’s hard for me, most words I can’t recognize even I already know the meaning in Chinese I didn’t know if it harmful or health.” 34
—Ran
“Actually I even don’t know if these brands or products are real natural or not. Many brand said that they are health and natural but who knows.” —Adrienne Hui
Nu Hong
USA
Qing Lin
FEMALE
PSYCHOLOGICAL DOCTOR
19
CHINA
Adrienne Hui
FEMALE
FIANCE STUDENT
42
CHINA
FEMALE
COSMETIC SALES
35
JI N G G E M FA T H E SI S P R OJ EC T / P R O CE S S B O O K
36
“I have a customer asked me for recommend for the hameless and natural products because she is trying for pregnant. That time I found that it hard for me to give her answer immdiately.” —Raymond
Raymond Hong
40
USA
MALE
COSMETIC SALES
Shuhua Lin
20
CHINESE
Daniel Sun
FEMALE
ACCOUNTING STUDENT
39
USA
MALE
GAME DESIGNER
37
JI N G G E M FA T H E SI S P R OJ EC T / P R O CE S S B O O K
002
Survey Goal:
To investigate young women’s thoughts about toxic chemicals in their cosmetics. Date:
04/07/2015 Participants:
101 people invited online To gain more thoughts from different people, I designed a 21 quesions onlinesurvey to reach wider audience, Besides my friends from 20to 35 who is my main target audience, to get more thoughts I also asked elder friends to take this survey. In the survey I asked respondents their cosmetic using and shopping habits. Why they care or why they not care about ingredients in their cosmetics is very important opinion for me. Finally I got 103 respondents help me explored deeper of my topic.
38
39
JI N G G E M FA T H E SI S P R OJ EC T / P R O CE S S B O O K
QUESTION 01: How old are you?
QUESTION 04: How often do you buy cosmetic products?
Under 17 years old
3
2.97%
1-2 times a year
20
19.80%
18–24 years old
20
19.80%
3-4 times a year
23
22.77%
25–34 years old
29
28.71%
5 or more times a year
42
41.58%
35–44 years old
17
16.83%
1-2 times a month
10
9.90%
45–54 years old
10
9.90%
3-4 times a month
4
3.96%
55–64 years old
16
15.84%
5 or more times a
2
1.98%
65 years or older
8
5.94%
Everyday
38
37.62%
Weekends
7
6.93%
QUESTION 02: How often do you wear make-up?
Special Occasions
27
26.73%
Sometimes (4 days a week or less)
20
19.80%
Never
9
8.91%
QUESTION 03: How many cosmetic products do you use every day? Fewer than 5 products
3
2.97%
5-10 products
23
22.77%
11-15 products
74
73.27%
More than 15 products
1
0.99%
40
QUESTION 05: Approximately how much do you think you spend on cosmetics every month? Less than 50 dollars
69
68.32%
$50—100 dollars
22
21.78%
$100—200 dollars
6
5.94%
$200—300 dollars
3
2.97%
More than 300 dollars
1
0.99%
QUESTION 03: What are the 3 main reasons you choose the cosmetic products you buy? Advice from in-store consultant
4
3.96%
Quality
71
70.30%
Price
64
63.37%
Packaging
6
5.94%
Efficiency
10
9.90%
Recommendation from friend
13
12.87%
Special offer or promotion
13
12.87%
Brand
35
34.65%
Advertising
3
2.97%
Biologically friendly
27
26.73%
Online views
9
8.91%
Organic or healthy label
14
13.86%
Natural ingredients
26
25.74%
Other (please specify)
8
7.92%
QUESTION 05: What forms of advertising will most likely influence you to buy a new cosmetic products?
QUESTION 08: Do you read the ingredients on cosmetic products before you purchase?
TV
26
25.74%
Yes
9
8.9%
Magazine
29
28.71%
Never
69
68.3%
Online
16
15.84%
Sometimes
23
22.9%
Social Media
30
29.70%
QUESTION 06: Do you always use the same products or do you try new products?
QUESTION 09: Do you make an effort to buy cosmetic products labeled as “organic” or “natural” over conventional products? Yes
30
29.70%
I use the same products for a long time
32
31.68%
No
28
27.72%
I always try new products
9
8.91%
Sometimes
37
36.63%
I do both
60
59.41%
Very few times
6
5.94%
QUESTION 07: Where do you tend to buy your cosmetic products? Department Stores (Macy’s, Neiman Marcus, Nordstrom etc.)
11
10.89%
Specialists Stores (Sephora, etc.)
14
13.86%
Drugstores/Chemists (Walgreens, CVS etc.)
16
15.84%
Super Markets (Safeway, Ralphs, Vons etc.)
1
0.99%
Upscale Supermarket (Whole Foods, Trader Joe’s etc.)
5
4.95%
Other Retail (Target, Walmart etc.)
37
36.63%
Beauty Salons
1
0.99%
Online
9
8.91%
Direct Sales (Avon, Amway, Mary Kay etc.)
2
1.98%
Other (please specify)
5
4.95%
QUESTION 10: How many of the cosmetic products you currently use contain organic or natural ingredients? All
7
6.93%
Most
24
23.76%
Some
24
23.76%
Very few
14
13.86%
None
7
6.93%
Not Sure
25
24.75%
QUESTION 11: If you saw a cosmetic products labeled as “Made with Organic Ingredients”, what portion of organic ingredients would you expect in that product? All of it
26
25.74%
Nearly all of it
35
34.65%
At least half of it
23
22.77%
Less than half of it
10
9.90%
Not sure
7
6.93%
41
JI N G G E M FA T H E SI S P R OJ EC T / P R O CE S S B O O K
QUESTION 12: How important is it to you personally that the chemicals used in your cosmetic products are tested and regulated for safety?
QUESTION 16: Can you recognize any chemicals below that used in beauty products have bad influences? 77
76.24%
Parabens
49
48.51%
Phthalates
22
21.78%
26.73%
Butylated Compounds
11
10.89%
57.43%
Arsenic
69
68.32%
Triclosan
18
17.82%
Ethanolamine Compounds
17
16.83%
Carbon Black
16
15.84%
Coal Tar
39
38.61%
Formaldehyde Not at all important
5
4.95%
A little important
11
10.89%
Somewhat important
27
Very important
58
QUESTION 13: Are you aware that there are carcinogens, toxins, and endocrine disruptors in all cosmetic? Yes
49
48.61%
Talc
53
52.48%
No
52
51.49%
Benzophenone & Related Compounds
26
25.74%
Fragrance
42
41.58%
Toluene
17
26.83%
Octinoxate
14
13.86%
PABA
33
32.67%
QUESTION 14: Do you want to know more about this topic? Yes
35
34.65%
No
33
32.67%
Lead
74
73.27%
32.67%
Homosalate
9
8.91%
Methylisothiazolinone
19
18.81%
Mica
19
18.81%
Phenoxyethanol
26
25.74%
Triethanolamine
15
14.85%
Oxybenzone
20
19.8%
Other (please specify)
4
3.96%
Maybe
33
QUESTION 15: If there was an app / website / magazine that would easily rate the toxic level of your cosmetic products would you use it? Yes
65
64.36%
No
14
13.86%
Maybe
22
21.78%
42
QUESTION 08:
Do you read the ingredients on cosmetic products before you purchase?
YES
8.9% SOMETIMES
22.8%
NEVER
68.3%
43
JI N G G E
M FA T H E SI S P R OJ EC T / P R O CE S S B O O K
QUESTION 03:
What are the 3 main reasons you choose the cosmetic products you buy?
80
60
40
20
0
Advice from in-store consultant Quality Price Packaging Efficiency
Recommendation from friend
Special offer or promotion Brand Advertising
Biologically friendly Online views
Organic or healthy label
Natural ingredients Others
44
QUESTION 16:
If you not read the ingredient list, why not?
Sometimes they are too small to read. Wouldn’t be able to read and understand what those mystery words means. Because I don’t want to scare myself!
I don’t know enough about the ingredients.
Actually I don’t understand what I’m reading,
I just don’t know those ingredients are good or bad. So I never read it.
I’m visually impaired. Often the print is too small. I just don’t buy what i can’t read. Its kind of “ignorance is bliss” since there are so many chemicals.
Never really thought about it. I suppose I should start consider.
45
JI N G G E M FA T H E SI S P R OJ EC T / P R O CE S S B O O K
QUESTION 21:
Do you have any other thoughts please share with me.
Organic as a designation doesn’t carry much weight with me by itself. “100% It would be helpful to know what
Organic” presents some impact with
Thank you for investigating the
percentage of ingredients have to be
some products, but otherwise no more
toxins we are exposed to. I have
organic to get a label.
than describing a product as “hand-
always been conscious of this, but
crafted” or “artisan.”
a year ago I was diagnosed with breast cancer and have really tried to limit the toxins I am exposed to. It is hard to do this.
I think consumers should be more aware of what we put on and into their bodies. We deserve to know.
I think that the ingredients in personal care products should be better stated.
Too much grey areas inwhich products may claim to be organic.
As crazy as it sounds I have had a lot of allergic reactions to products
No one cares to look at labels be-
labeled “organic” which has actu-
cause they can’t understand what
ally led me to use my non-organic
the ingredients are
products that are labeled non-allergenic or sensitive skin.
I think that there needs to be a scale at which cosmetics are allowed to advertise (i.e. green organic, blue organic, yellow organic, etc) based on the amount of organic product/methods used.
46
I got a lot useful information and interesting insights from this survey, It help me understand more about my target audiences and it help me organize my thesis more clearly.
38%
73%
70%
38% of respondents
73% of respondents
70% of respondents
said that they wear
said they wear 11-15
said quality is the main
makeup everyday.
products everyday.
reason for them to buy those cosmetics.
46%
51%
64%
46% of respondents
51% of respondents
64% of respondents
said they don’t read
said they don’t aware
said they would like to
ingredients list before
that there are carcinogens,
use an app / website /
they purchase.
toxins, and endocrine
magazine that easily
disruptors in all cosmetic.
rate the toxic level of their cosmetic products.
47
JI N G G E M FA T H E SI S P R OJ EC T / P R O CE S S B O O K
003
Insights Here are the 18 insights I have found based on my research, interview and conversations. I used quotes images and inforgraphics to present these insights. Most people don’t know about the chemicals in their personal care products. Most people don’t think twice about the chemicals they put on their bodies, because they believe that the government regulates all personal care products. Labels are not always helpful. No one likes to look at labels because they can’t understand what the ingredients are. Information about toxic chemicals is not specific and helpful. Lack regulation of personal care products in United States. People only pay attention to the serious health problems. “Most are felt to be in too tiny of quantity to pose any real risk. But sometimes very small exposures can have large impact.” People are blind to the fact that many of the ingredients in their favorite personal care products are extremely harmful. Feedback mechanism affects people’s behaviors. 48
Most people easily believe that famous and expensive brands are safer and more effective. An educated consumer is a healthier consumer. The promise of a “green” or “organic” product is no guarantee. Most people will check the ingredients list on food products but not on personal care products. You can absorb more toxins from personal care products than from food. Young women want more information about the ingredients in their personal care products. Consumer pressure can convince companies and government to take responsiblity for people’s health. People don’t change their behavior without incentive.
49
JI N G G E M FA T H E SI S P R OJ EC T / P R O CE S S B O O K
50
51
JI N G G E M FA T H E SI S P R OJ EC T / P R O CE S S B O O K
004
Target Audience Primary For young professional females between 25—35, who have ability to purches higher quality cosmetics, and care about their health. Secondery young girls between 18—25 who wear makeup everyday.
52
53
JI N G G E M FA T H E SI S P R OJ EC T / P R O CE S S B O O K
005
Strategy chart Goal Help women reduce the usage of toxic chemicals in cosmetics. Target Audience: For young professional females between 25—35. and young girls between 18—25 who wear makeup everyday.
54
Insight 01
Insight 02
Insight 03
People are unaware of toxic chemicals in their cosmetics
There is little transparency in labeling personal care products. That make finding safer alternative become a huge challange and there has no real helpful tool for consumers to get information easily.
Lack regulation of cosmetics in United States. EU has banned 1371 chemicals used in personal care products, but FDA only banned 11.
Strategy 01
Strategy 02
Strategy 03
Rising awareness of the toxic chemicals in our daily cosmetics. Make this problem visable and let them pay attention.
Provide reliable information to preventing toxic chemicals related health problems, empowers and educates the consumer on the cosmetics industry by allowing them to make an informed decision on what products to purchase.
Build a new design system and guidance for nutrition labels and symbols in personal care products based on EU's policy.
Deliverables 01
Deliverables 02
Deliverables 03
A beauty magazine provide ranking and recommendation of healthier personal care products, this little beauty magazine will inside fashion magazine per 3 months.
This app can scan products and get the ingredients system that I created to get understandable information. App will also provide rewards to motivate people check more of their products.
To advocate for consumer protection I will create an new design system and guidance for nutrition labels and symbols.
55
JI N G G E M FA T H E SI S P R OJ EC T / P R O CE S S B O O K
56
57
JI N G G E M FA T H E SI S P R OJ EC T / P R O CE S S B O O K
58
0
3
Design Development 001_ IDENTITY DEVELOPMENT 002_ INTERFACE DEVELOPMENT 003_ MAGAZINE DEVELOPMENY\T
59
JI N G G E M FA T H E SI S P R OJ EC T / P R O CE S S B O O K
001
Identity Development I decided use Beaux as my thesis project’s name, Beaux means beauty in french. Beaux is easy to pronounce and also easy to remeber. When I was in my app interface design and magazine design process, I decided use the simple, minimal and font logo. I spent some times trying different typefaces and modified my workmark. This section will show the design process for logo design.
60
61
JI N G G E M FA T H E SI S P R OJ EC T / P R O CE S S B O O K
Logo Process
x
BEAUX
Bo beaux beaux 62
Beaux
63
JI N G G E M FA T H E SI S P R OJ EC T / P R O CE S S B O O K
64
92 3 X
Logotype 32 3 X 6X
X
3X
The Beaux logo is a modified Gotham with a up arrow as letter A. The identity is clean and typographical with small graphic accent element. The thick geometric strokes, which are built on parallel and perpendicular axes represent the morden and minimal feeling. The arrow repersents the things that we care the most: aware women and motivate them to have a healthier and better shoping behavier in cosmetics, let them reduce the usage of toxic chemicals from their cosmetics.
3X 3X 65
JI N G G E M FA T H E SI S P R OJ EC T / P R O CE S S B O O K
Color System Primary Color
C:0 M:62 Y:61 K:0 R:244 G:129 B:100
C:34 M:1 Y:17 K:0 R:165 G:216 B:214
C:50 M:0 Y:100 K:0 R:141 G:198 B:63
C:5 M:9 Y:78 K:0 R:245 G:230 B:88
C:0 M:19 Y:5 K:0 R:251 G:214 B:219
C:0 M:13 Y:25 K:0 R:254 G:223 B:191
C:0 M:0 Y:0 K:100 R:35 G:31 B:32
C:0 M:0 Y:0 K:50 R:127 G:127 B:127
C:19 M:0 Y:33 K:0 R:209 G:230 B:187
66
Gradient Color
C:2 M:31 Y:84 K:0 R:248 G:182 B:66
C:1 M:62 Y:61 K:0 R:242 G:128 B:99
C:47 M:0 Y:34 K:0 R:118 G:229 B:194
C:80 M:20 Y:37 K:1 R:10 G:154 B:162
C:2 M:5 Y:51 K:0 R:253 G:233 B:148
C:16 M:5 Y:100 K:0 R:224 G:217 B:18
C:0 M:69 Y:40 K:0 R:242 G:115 B:122
C:82 M:100 Y:0 K:0 R:86 G:3 B:159
C:33 M:0 Y:86 K:0 R:180 G:237 B:80
C:80 M:20 Y:37 K:1 R:10 G:154 B:162
67
JI N G G E M FA T H E SI S P R OJ EC T / P R O CE S S B O O K
Typography Type is an importany part for our brand identity. In our visual system, we have a san serif typeface combine with a modern serif typeface. We use Maven Pro in everywhere. It is our primary typeface. Playfair Display is for when we need title or subtitle.
68
Maven Pro
Playfair Display
Regular ABCDEFGHIGKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 1234567890!@#$%^&*
Regular ABCDEFGHIGKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 1234567890!@#$%^&*
Medium ABCDEFGHIGKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 1234567890!@#$%^&*
Bold ABCDEFGHIGKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 1234567890!@#$%^&*
Bold
Bold Italic ABCDEFGHIGKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 1234567890!@#$%^&*
ABCDEFGHIGKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 1234567890!@#$%^&* Black ABCDEFGHIGKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 1234567890!@#$%^&*
Aa Aa
69
JI N G G E M FA T H E SI S P R OJ EC T / P R O CE S S B O O K
Graphic Style
70
71
JI N G G E M FA T H E SI S P R OJ EC T / P R O CE S S B O O K
Icon
72
73
JI N G G E M FA T H E SI S P R OJ EC T / P R O CE S S B O O K
002
Interface Development Each of my deliverables has a goal to achieve. The Beaux app is for people to use our ingredients rate system, ingredients tracker tips and social media. In this section, I will show the user experience design process pf Beaux app. It includes user flow development and user interface design. created an app that referenced to EU and other health concern organization’s research and database. The app based on toxicity meter, and it has 6 main functions. The first function is scanning the bar-code to identify the products. Our unbiased rating system will gives you a clear and easy to understand overview of your cosmetic products’ health impact. If you found the product you scan has bad ingredients we’ll give you suggestions for safer cosmetics in same kind and we’ll help you choose the prefect products. The tracking function can help you track your chemicals intake by clicking on the products you use. keeps track and reminds you. You can share or read the reviews and tutorials of your favorite cosmetics with your friends. Our Augmented Reality function will give you a new experience in your cosmetic shopping. The Beaux app is designed specifically for you to help reduce your usage of toxic chemicals in your cosmetics every day.
74
75
JI N G G E M FA T H E SI S P R OJ EC T / P R O CE S S B O O K
User Flow BEAUX APP
HOME PAGE
DAILY TRACKER
MY LIST
MY PRODUCTS OVERALL
WISHLIST
SEARCH
BY CATEGORY
BY KEYWORDS
DAILY USAGE
OUR RANKING
LIST
ACCUMULATE
COSTUMER REVIEW
INFORMATION
SHOP ONLINE
76
MY PRODUCTS
SHOP NEARBY
SCAN
INFORMATION
ADD TO MY PRODUCTS
SOCIAL MEDIA
FOLLOW OTHERS
CHEMICAL DETAILS
HEALTHIER ALTERNATES
SHOP ONLINE
SHOP NEARBY
LINK TO OTHER WEBSITE
SHOP LIST
PROFILE
POST
SEARCH
REVIEW & TUTORIAL
MAP
77
JI N G G E M FA T H E SI S P R OJ EC T / P R O CE S S B O O K
78
79
JI N G G E M FA T H E SI S P R OJ EC T / P R O CE S S B O O K
App Development In this section, I will display the interface design development of the Beaux app. As the process went on, I changed the visual expression several times based on class critique and feedback from people outside. I also refine my user flow in its details so the contents of interface were changed along the way.
80
1st Version
81
JI N G G E M FA T H E SI S P R OJ EC T / P R O CE S S B O O K
2nd Version
82
3rd Version
83
JI N G G E M FA T H E SI S P R OJ EC T / P R O CE S S B O O K
Toxicity Meter Development I created a visual system I called it toxicity meter, that use icons, colors and numbers to easily identify ingredients of cosmetics. I choose the gradient green, yellow and red to present the situation of clean, so-so, and dirty. For detailed ingredient information I use green circle, yellow triangle and red cross to identify directly to people about those mystery chemical words.
PRODUCT Vapour Beauty Siren Lipstick
DETAIL
INGREIDENTS
RECOMMENDED
This conditioner protects while creating body and bounce and is safe for color-treated hair. Rich with organic and 100% natural ingredients, allows hair to achieve volume and vitality. Begin the day with aromatheraputic lavender
84
85
JI N G G E M FA T H E SI S P R OJ EC T / P R O CE S S B O O K
86
Final Version
87
JI N G G E M FA T H E SI S P R OJ EC T / P R O CE S S B O O K
User Test Objective
To test the app prototype and get feedback from the target audience. Question Criteria
How does Beaux come to your attention? Are you enjoying using this app? Is the overall design attractive to you? Do you find anything missing or causing confusion? How is the app to use and figure out? Is the app easy for you to navigate? Which one will be the most important/ interesting task flow for you? Do you see yourself using this app in the future? Would this app change your behavior? Why and how? Do you find it motivative to stay in a routine and get you a more active life? Would you like share this app with others? Prototype
Invision+Prints
88
Participants
I invited three people between the age of 20 to 40 who are familiar with cosmetics and who always like try new products.
Nini
32
Web Designer
Raymond
40
Mengjia
28
Graphic Designer
Cosmetic Sales
Shuhua
20
Qing
22
Web Designer
Accountant
Miao
22
Graphic Designer
89
JI N G G E M FA T H E SI S P R OJ EC T / P R O CE S S B O O K
90
91
JI N G G E M FA T H E SI S P R OJ EC T / P R O CE S S B O O K
User Test Results 1. First Impression The design is fresh, focused, and draws attention for users.
“ The app looks modern interesting and friendly. It make me wants to explore more about my cosmetics.” —Mengjia
2. Color and Elements Using color rating system and geometric shpes to enhance the communication of ingredients information. Elements are fun and playful but too much.
“ Colors are clean, meaningful, vibrant, and not to overwhelming. I like how you use those circles, triangles and crosses, but I feel it’s too much will distracts me.” —Nini
92
My Cosmetics
Product Information
93
JI N G G E M FA T H E SI S P R OJ EC T / P R O CE S S B O O K
3. Function Toxicity meter system section connects with camera barcode scan and AR camera which is a solution that functions effectively within the trend today.
“ The concept is so cool. I’ve never seen this before if I can shop with AR function it must be convient. The ingredients meter are motivating and easy to understand!” —Mengjia
“ I would like to see much more about this section. Like images, illustratuins, graphics, or icons or anything that can show how it works and how to motivate other people.” —Shuhua
AR Camera
94
Toxicity Meter
Toxicity Meter
95
JI N G G E M FA T H E SI S P R OJ EC T / P R O CE S S B O O K
96
97
JI N G G E M FA T H E SI S P R OJ EC T / P R O CE S S B O O K
3. Homepage Homepage needs to be improved to effectively communicate ideas and make browsing easy for users.
“ The tracker could be more clear about what it did and how it works. I love how you design the data, it looks clean and beautiful, but now the homepage tracker looks a little bit confuse for me. If you add some graphic elements that show how bad or how good your ingredients in use that will be easier motivate people.” —Raymond
The homepage could be more focused
“ to show what you want people to see first and how the screen presents and explains itself in the first minute. For me the navigation bar works well.” —Miao
Daily Tracker
98
Yearly Tracker
Product Search
99
JI N G G E M FA T H E SI S P R OJ EC T / P R O CE S S B O O K
4. Social It’s critical to show the support system and connect to friends and family.
“ You know I love social media so much, before I purchased my cosmetics I always search on social media to see how the products work. I would like to see more screen about how to connect and interact with friends. ” —Shuhua
Profile
100
Social Media
101
JI N G G E M FA T H E SI S P R OJ EC T / P R O CE S S B O O K
4th Version
102
103
JI N G G E M FA T H E SI S P R OJ EC T / P R O CE S S B O O K
User Journey I developed four user journey to describe the how Beaux app works in different functions. I will also display the finalized interface design in these user flows. User Journey 01
Log in/sign up and app walk through
10 4
105
JI N G G E M FA T H E SI S P R OJ EC T / P R O CE S S B O O K
User Journey 02
Scan barcode get product information find a healthier alternates products and buy it nearby.
106
107
JI N G G E M FA T H E SI S P R OJ EC T / P R O CE S S B O O K
User Journey 03
Add product to your cosmetic list, and tracking your daily cosmetic usage.
108
109
JI N G G E M FA T H E SI S P R OJ EC T / P R O CE S S B O O K
User Journey 04
Get product information from social media
1 10
111
JI N G G E M FA T H E SI S P R OJ EC T / P R O CE S S B O O K
003
Magazine Development According to my research I found 3 problems I can solve. The first problem is that people have misconceptions and misinformation about cosmetic products. Most people use their cosmetics without a second thought, believing that the government oversees their safety. Only a few people have read the ingredient list on packaging. So I created a quarterly beauty magazine to provide suggestions, recommendations, rankings, tutorials and statistics to help women choose and use cosmetic that are good them. The magazine includes 6 sections, makeup tips, cosmetic rankings and recommendations, inside cosmetics, beauty chat, fashion and healthy lifestyle. I created a full content book, and 4 cover for each issue. This magazine can raise women’s awareness of how
112
1 13
JI N G G E M FA T H E SI S P R OJ EC T / P R O CE S S B O O K
1 14
Magazine Layout
I designed Beaux magazine in a mordern, fashion and organic feeling.
1 15
JI N G G E M FA T H E SI S P R OJ EC T / P R O CE S S B O O K
1 16
Cover Design
I started with sketches and after that, the layout modifies grandually but not in a dramatic way.
1 17
JI N G G E M FA T H E SI S P R OJ EC T / P R O CE S S B O O K
1 18
1 19
JI N G G E M FA T H E SI S P R OJ EC T / P R O CE S S B O O K
1 20
0
4
Final Deliverable 001_ FINAL APP 002_ FINAL MAGAZINE 003_ FINAL POSTER
1 21
JI N G G E M FA T H E SI S P R OJ EC T / P R O CE S S B O O K
122
1 23
JI N G G E M FA T H E SI S P R OJ EC T / P R O CE S S B O O K
124
1 25
JI N G G E M FA T H E SI S P R OJ EC T / P R O CE S S B O O K
1 26
1 27
JI N G G E M FA T H E SI S P R OJ EC T / P R O CE S S B O O K
1 28
1 29
JI N G G E M FA T H E SI S P R OJ EC T / P R O CE S S B O O K
130
131
JI N G G E M FA T H E SI S P R OJ EC T / P R O CE S S B O O K
132
133
JI N G G E M FA T H E SI S P R OJ EC T / P R O CE S S B O O K
13 4
135
JI N G G E M FA T H E SI S P R OJ EC T / P R O CE S S B O O K
136
137
JI N G G E M FA T H E SI S P R OJ EC T / P R O CE S S B O O K
138
139
JI N G G E M FA T H E SI S P R OJ EC T / P R O CE S S B O O K
14 0
141
JI N G G E M FA T H E SI S P R OJ EC T / P R O CE S S B O O K
142
143
JI N G G E M FA T H E SI S P R OJ EC T / P R O CE S S B O O K
14 4
145
JI N G G E M FA T H E SI S P R OJ EC T / P R O CE S S B O O K
14 6
147
JI N G G E M FA T H E SI S P R OJ EC T / P R O CE S S B O O K
14 8
149
JI N G G E M FA T H E SI S P R OJ EC T / P R O CE S S B O O K
150
Thank You Thank you to my dad and mom for the unconditional love, for always supporting me, believing in me no matter what and for making my dreams possible. I wouldn't be where I am now without your support. Thank you always being there with me. I love you so much. For all those supported me during this process and for being with me when I was going through the trials and hard time. You were the best partner in this journey and sharing all the crazy moments. Thank you to all my friends for believing in me and inspir me. Thank you to my instructors who taught, inspired, and encouraged me during my graduate school life. I will never forget you all. Many thanks to: Scott Rankin, Nita Ybarra, Andrew Loesel, Kathrin Blatter, Hunter Wimmer, Irina Blok, David Hake, Phillip Hamlett, Bob Slote, Colin Hoell, Anthony Jagoda. Thank you to Carolina De Bartolo and Phil Hamlet who helped me complete this journey. Special thanks to Hunter Wimmer, who helped, guided and supported me from the beginning until now. Your help means a lot to me. Thank you again to all my instructors, you all bring out the best in me.
151
JI N G G E M FA T H E SI S P R OJ EC T / P R O CE S S B O O K
Beaux Graphic Design MFA Thesis Designed and Written by Jing Ge
Jing Ge 415.527.7788 gejing89109@gmail.com
Academy of Art University Graduate School of Graphic Design 79 New Montgomery Street, San Francisco, California, USA
Find out more about Beaux at: www.youarebeaux.com View more works by Jing Ge at: www.jinggedesign.com
All Rights Reserved Copyright © 2 0 17 J i n g G e 152