Graphic Design MFA Thesis Process Book Student
Huilin Miao Semester
Fall 2016
Graphic Design MFA Thesis Process Book Student
Huilin Miao Semester
Fall 2016
Thesis Topic
My thesis is about how to help American college students eat healthier. As a Chinese student studying in the United States, I experienced a culture shock when I witnessed the U.S. obesity epidemic. I started to search for the reason for this phenomenon, and I realized that many obese Americans have been consuming too much packaged food and drink, as well as unhealthy food from restaurants, which contains a lot of salt, sugar and fat. While studying in America, I realized that it is not easy to maintain a healthy diet with a busy school life. However, eating healthy is very important for college students because they are developing eating habits at this age, and their diets will affect their health and studies. Many students also do not know much about the nutrition limits. Because I want to ensure college students have healthy diets and long happy lives, I am using graphic design to encourage American college students to eat healthy food more often.
COPYRIGHTŠ2016 HUILIN MIAO. All rights reserved. No part of this publication can be reproduced without expressed permission from Huilin Miao. All works in this book were hypothetical projects made for educational purposes. Designer
Huilin Miao Phone
+1 415.527.7190 Email
huilin.miao@gmail.com Website
huilin-miao.com School
Academy of Art University Course
Thesis
Contents 1
2
The Problem
Change
page 12
page 22
3
4
Solutions
Execution
page 54
page 74
5
Feedback page 146
More than one-third (36.5%) of U.S. adults are obese. —Centers for Disease Control and Prevention
MFA Graphic Design Thesis Project
Page 12
Huilin Miao
Grade A College Healthy Eating
Chapter 1: Problem
1 The Problem
Page 13
MFA Graphic Design Thesis Project
Huilin Miao
Many college students are not making the grade when it comes to good nutrition. The eating habits men and women develop during their college years often follow them into their 20s and 30s. —USA Today
10 Page 14
Graphic Design MFA Thesis
Huilin Miao
Grade A College Healthy Eating
Chapter 1: Problem
Page 15
MFA Graphic Design Thesis Project
Page 16
Huilin Miao
Grade A College Healthy Eating
Chapter 1: Problem
Page 17
MFA Graphic Design Thesis Project
Salt
Page 18
Huilin Miao
A lot of food contains added sodium. Sodium is an essential nutrient needed for the human body to function; however, having too much sodium can increase blood pressure, cause a heart attack, stroke, heart failure, kidney failure and peripheral vascular disease. Besides that, it can also cause osteoporosis, stomach cancer, kidney disease, kidney stones, an enlarged heart muscle, headaches, bloating and weight gain.
Sugar
Many foods have a high amount of added sugar. People can become addicted to the sugar leading to overeating, obesity, high blood pressure and high cholesterol.
Fat
Having too much fat in your diet can cause heart disease, stroke, high cholesterol, obesity and Type 2 diabetes.
Grade A College Healthy Eating
Chapter 1: Problem
College Life
The lack of nutritionally dense foods is affecting students’ health in school and later in life. College is the first time for most young people to live on their own and make decisions for themselves. However, many of them are not establishing healthy eating habits. They lack access to healthy food, have limited knowledge about nutrition and are too busy with busy schedules to pay attention to eating properly. Most college dormitories don’t have access to a kitchen, and many times the food on campus is more of a revenue stream than a vehicle for improving health. Unhealthy food packed with salt, sugar and fat can lead to heart disease; the number one killer in America. The lack of nutritionally dense foods is affecting students’ health in school and later in life.
Page 19
MFA Graphic Design Thesis Project
Huilin Miao
Whole Grains
Whole grains are an excellent source of dietary fiber, which can help improve blood cholesterol levels, lower the risk of heart disease, stroke, obesity and Type 2 diabetes. It can help people feel “full� so they eat less and consume fewer calories.
Vegetables
Eating vegetables can help reduce the risk of heart disease, obesity and Type 2 diabetes. Vegetables can also protect against certain types of cancers, lower blood pressure, reduce the risk of kidney stones and decrease bone loss.
Fruit
Eating fruit can help reduce the risk of heart disease, obesity and Type 2 diabetes. Fruit can also protect against certain types of cancers, lower blood pressure, reduce the risk of kidney stones and decrease bone loss.
Protein
Protein is the foundation for bones, muscles, cartilage, skin and blood. It also helps the function of nervous system, the formation of red blood cells, the creation of tissue and the operation of the immune system.
Dairy
Dairy can help improve bone health and reduce the risk for osteoporosis, cardiovascular disease and Type 2 diabetes. It also lowers blood pressure.
Fat
Dietary fat is important, it supports metabolism. It also reduces the risk of stroke and heart disease. It prevents blood-clotting, builds cell membranes in the brain, provides energy during exercise and helps in the absorption of vitamins.
Page 20
Grade A College Healthy Eating
Chapter 1: Problem
The Importance of Eating Healthy
The US workforce will be affected by lower productivity and shorter life expectancy. Eating healthy not only reduces the risk of disease, but can improve a student’s energy level, ability to focus and academic performance. The prevalence of unhealthy food is due to the marketing strategies of big food companies. Today, many millennials, aged 22–37 and Gen Z, aged 21 and under want healthier, tastier and more affordable food to be sold on campus. There is a growing interest in local, sustainable foods, which is reflected by new food dining services in college, such as 1.5.0, Carolina Dining Services, a vendor in UNC’s Lenoir Hall dining facility.
Page 21
MFA Graphic Design Thesis Project
Page 22
Huilin Miao
Grade A College Healthy Eating
Chapter 1: Problem
2 Change
Page 23
MFA Graphic Design Thesis Project
Questioning
This is the broad thinking phase of the project. It involves generating question for college students about healthy eating. There are six different directions: clarification, assumptions, reasons & evidence, viewpoints & perspectives, implications and consequences, and the question. The six most important questions were chosen based on which ones lead to new insights and ideas, or opened more doors to new discoveries and possibilities.
The six most important questions
Page 24
Huilin Miao
Grade A College Healthy Eating
Clarification
Chapter 2: Change
Are unbalanced and
What are the extra
What are the influences
How is healthy eating
unhealthy the same
calories students
on students’ eating
determined?
thing?
consume?
habits?
What is a serving size?
What is nutrition?
How are students
When do students
estimate a serving
taught nutrition before
have more balanced
size?
college?
meals, at home, in
How do students
restaurants or in a college cafeteria?
Are eating habits
Is being overweight
and eating patterns
unhealthy?
different?
What makes students think Assumptions
they can eat whatever and whenever they want?
Why do students think
Why are some foods
Why is popcorn
a fad diet can help
considered healthy and
considered a movie
them lose weight?
some aren’t?
snack?
Does the portion size
How do high school
Do students think
How do students’ false
make students have
students perceive
cooking is not part of
certain assumptions
college life?
student life?
assumptions of eating form?
about eating?
Why are snacks
Why should dessert be
How do certain foods
considered a late-night
eaten after a meal?
become socializing
food?
foods?
Page 25
MFA Graphic Design Thesis Project
Reasons & Evidence
Huilin Miao
Why do some foods
What influences
taste better than
people’s choice of
others?
food?
Why are students eating large portions of food? Do they enjoy it?
Why are sweet, fatty
Why don’t students eat
Why do students feel
and salty foods
healthy food?
happy and satisfied with certain foods?
attractive to students?
Why don’t college
Why don’t students
Why is there little
Why do students
Why does food
students eat enough
realize they have an
research and statistics
underestimate serving
addiction happen for
vegetables and fruit?
eating problem?
about college
sizes?
some students?
students’ eating habits?
Viewpoints & Perspectives
How to make students
Do students enjoy
willing to spend more
cooking?
money and time on
Would unhealthy students be discriminated against in
healthy food?
school and society?
Should healthy eating
Why do students focus more
be an important value?
on academic success than healthy life?
Why do some foods
What does taking in
Would unhealthy
help students release
many calories feel like?
eating be seen as lack
pressure?
Page 26
of responsibility?
Grade A College Healthy Eating
Chapter 2: Change
Do students link
How do high school
Do students think
healthy eating with a
students perceive
about the potential
happy life?
college life?
health issues from unhealthy eating?
What makes easy access to food lead to
Implications & Consequences
indulging in food?
Could unhealthy eating
Does living away
Does the visual look
How much are eating
What could be the
related to body image
from the family
of a meal change a
habits shaped by
result of stopping
issues be solved by
change students’ diet
student’s diet?
family meals?
addiction to certain
realizing health issues?
patterns?
How much is it
Would friendships,
Does a budget
Do food displays
Do menus influence
possible for students
relationships and
influence students’
in stores influence
students’ eating
to have unhealthy
social circles change
eating habits?
students’ eating
patterns?
children in the future if
students’ eating
they eat unhealthy?
habits?
When is it an
Would students’
Do college students
Why are snacks sold
appropriate time to
unhealthy state
get information about
in more places than
give students nutrition
affect their future
healthy eating?
healthy food?
education?
employment?
What makes college
Who are responsible
How might nutrition
students’ eating be an
for college students’
education help college
issue?
diet?
students?
foods?
patterns?
The Question
How and why can emotions influence students’ diets?
How should students
Should cooking be a
Are students ashamed
balance snacks?
skill for students?
of their eating problems?
Page 27
MFA Graphic Design Thesis Project
What makes students think they can eat whatever and whenever they want?
Page 28
Huilin Miao
Grade A College Healthy Eating
Chapter 2: Change
How do students’ false assumptions of eating form?
Page 29
MFA Graphic Design Thesis Project
Why are students eating large portions of food? Do they enjoy it?
Page 30
Huilin Miao
Grade A College Healthy Eating
Chapter 2: Change
Would unhealthy students be discriminated against in school and society?
Page 31
MFA Graphic Design Thesis Project
Why do students focus more on academic success than healthy life?
Page 32
Huilin Miao
Grade A College Healthy Eating
Chapter 2: Change
How and why can emotions influence students’ diets?
Page 33
MFA Graphic Design Thesis Project
Researching College Students
I talked with some students from my school Academy of Art University and UC Berkeley about healthy eating. I got to know a lot about their diets, how they use the cafeterias in school and what current difficulties they face regarding eating healthy. They also filled in a card so that I could know more about their relationships with food.
Page 34
Huilin Miao
Grade A College Healthy Eating
Chapter 2: Change
Page 35
MFA Graphic Design Thesis Project
Discussion Event
Huilin Miao
To learn about healthy eating from other people. I organized a discussion with several college students to talk about their diets, their stories of trying to eat healthy and their views on healthy eating while in college.
Page 36
Grade A College Healthy Eating
Chapter 2: Change
Page 37
MFA Graphic Design Thesis Project
Page 38
Huilin Miao
Grade A College Healthy Eating
Chapter 2: Change
“Eating unhealthy is one of the least harmful things among other bad thing for college students.” —Jovan Robinson
“If there is a story or new lifestyle that convinces me healthy eating can make me live a better and happier life, I will start to think more about nutrition.” —Samson Shun
Page 39
MFA Graphic Design Thesis Project
Insights from Discussion
Having farmer markets close by can make people pay more attention to eating vegetable and fruits. The healthy eating campaign created by college health centers hasn’t attracted student’s attention. Being more familiar with available healthy eating choices makes healthy eating much easier.
Page 40
Huilin Miao
Grade A College Healthy Eating
Chapter 2: Change
Page 41
MFA Graphic Design Thesis Project
Page 42
Huilin Miao
Grade A College Healthy Eating
Chapter 2: Change
Page 43
MFA Graphic Design Thesis Project
Page 44
Huilin Miao
Grade A College Healthy Eating
Chapter 2: Change
Page 45
MFA Graphic Design Thesis Project
Page 46
Huilin Miao
Grade A College Healthy Eating
Chapter 2: Change
Page 47
MFA Graphic Design Thesis Project
Insights
I gathered and selected 18 of the most important insights generated from the research. I obtained many insights from my research and from conversations and discussions with others. Some of them were strongly related to my topic very much, whereas others were only useful for other topics.
Page 48
Huilin Miao
Grade A College Healthy Eating
Chapter 2: Change
Insight 1
Insight 9
Insight 17
When students don’t have enough time
Eating healthy can cost less than
Unhealthy food has been designed to get
to decide what to eat or when they are
eating unhealthy.
people to buy more and eat more.
Insight 10
Insight 18
Many college students do not have
College students should eat a variety of
a balanced healthy diet.
foods for the best performance.
stressed with a tight schedule, they tend to choose unhealthy food because it is easy and fast.
Insight 2 Students like trying new things to eat.
Insight 11 Insight 3
Nutrition has been linked with emotional, physical, and cognitive health.
Students choose food based on how good it looks.
Insight 12 Insight 4
If students know the nutrition basics, they will make healthier food choices.
Late night food is usually unhealthy because there are no healthy eating options available at that time.
Insight 13 Many college students don’t have access
Insight 5
to a kitchen, so they have to eat the food provided outside the home.
Students are not clear about the consequences of eating unhealthy food and the benefits of eating healthy food.
Insight 14 The eating habits in college will affect
Insight 6
students’ lifestyle in the future.
Healthy food is generally more expensive than unhealthy food.
Insight 15 Students tend to eat unhealthy when they
Insight 7 Many times the student’s decision on food is
are stressed, although there are certain nutrients that can help the body deal with a stressful situation.
based on how much money they can spend, the location of the food and the time they have available.
Insight 16 The health claims on food packaging are
Insight 8
misleading and confusing.
Students want to eat fresh and tasty healthy food, but it is not readily available in the restaurants around campus.
Page 49
MFA Graphic Design Thesis Project
Strategy Chart
Based on the 18 insights, I selected three of them with which I can build an effective strategy and consider how to design and carry out the plan. Strategy is the foundation upon which the thesis design items are built. It is the way to provide solutions to design problems.
Page 50
Huilin Miao
Grade A College Healthy Eating
Chapter 2: Change
Topic Area
Outcome
Audience
Healthy eating
American college students acquire better
American college students who are not
eating habits
mindful about what they eat, age 17 to 22.
Insights
Strategies
Deliverables
College students don’t take healthy eating
Reveal the long-term effects of
Create a stimulating app game that allows
seriously because the harmful effects are
unhealthy eating.
people to make a virtual character eat an unhealthy diet and see the effects in the
not obvious while they are still young.
future at an accelerated speed. _App _Promotion _Website section _Poster _Grocery bag College students are not clear on the intake
Create an unhealthy food limit program
Create a meal management workshop on
limit of unhealthy food because they are
at colleges.
campus to teach students how to correctly
surrounded by messages encouraging
balance their daily meals.
people to eat.
_Dinnerware for portion display _Learning brochure _Poster _Website section
College students choose the convenient
Alter the current inconvenient healthy
Work with local farmers to offer a healthy
unhealthy food because eating healthy and
food situation.
food at a campus restaurant to provide
within budget takes more time and energy.
various healthy food options while catering to the needs of students. _Environmental graphics _Menu _Food packaging: plate, box, bag, napkin _Uniform _Delivery Car _Poster _Website _App
Page 51
MFA Graphic Design Thesis Project
Huilin Miao
College Dining Service
Education
Advertising
A college dining service works with local
Offer educational materials about
Promote this healthy college dining service
farmers to provide various healthy foods
healthy eating.
to students.
more affordable.
Food Packaging: Box, Soup Cup,
Booklet
Bag, Napkin, Drink Cup
Environmental
Stickers
Graphics
Measurement Containers Set and Package Staff Uniform
Website Section: Educational Page Website Section: College Dining Service
App
Page 52
Poster x3
Grade A College Healthy Eating
Chapter 2: Change
Material Matrix
This is the grand picture of what I am going to create for my thesis. This matrix shows all of the design items I am planning to make. However, the predicted amount of work for this proposed idea exceeds the thesis development time frame, so some design items will be cut off in production.
Page 53
MFA Graphic Design Thesis Project
Page 54
Huilin Miao
Grade A College Healthy Eating
Chapter 1: Problem
3 Solutions
Page 55
MFA Graphic Design Thesis Project
Moodboard
What does a healthy eating project look like? This image collection reflects the topic area of my thesis and serves as an inspiration for the visual outlook of my thesis design items.
Page 56
Huilin Miao
Grade A College Healthy Eating
Chapter 3: Solutions
Page 57
MFA Graphic Design Thesis Project
Page 58
Huilin Miao
Grade A College Healthy Eating
Chapter 3: Solutions
Page 59
A EGE C
F
LT H Y HEA
O
E
LL
C
E
ing
C
O
TING EA
eat
Page 60
Huilin Miao
healthy
MFA Graphic Design Thesis Project
LL
A EGE C
F
Grade A College Healthy Eating
Chapter 3: Solutions
Page 61
MFA Graphic Design Thesis Project
Visual System Guidelines
These guides distinguish Grade A’s visual system from the others. They should be used consistently throughout all of Grade A’s designs.
Page 62
Huilin Miao
Grade A College Healthy Eating
Chapter 3: Solutions
Mission
To help American college students build healthy eating habits. Keywords
Young Healthy Simple
Page 63
MFA Graphic Design Thesis Project
Huilin Miao
Signature
Logo Grade A’s logo uses an uppercase A to represent both the high quality of food and the pursuit of excellence in college. The parallel lines inside the A relate to a typical of a collegiate style.
Page 64
Grade A College Healthy Eating
Chapter 3: Solutions
Page 65
MFA Graphic Design Thesis Project
Huilin Miao
This is the minimum size for signature use.
Size
1 inch
To ensure legibility and recognition, Grade A has different logos for different sizes.
This version is used when logo width needs to be smaller than 1 inch.
Clear Space To protect the brand’s identity and provide enough room for the logo to stand out, the grey area indicates the clear space that will not contain any other elements. The proportion measurement is the upper letter A in the words “GRADE� at the top of the logo.
Page 66
Grade A College Healthy Eating
Chapter 3: Solutions
95 Black
55 Roman
ABCDEFGHIJKLMN OPQRSTUVWXYZ abcdefghijklmnopqr stuvwxyx123456890
ABCDEFGHIJKLMN OPQRSTUVWXYZ abcdefghijklmnopqrs tuvwxyx123456890
85 Heavy
35 Light
ABCDEFGHIJKLMN OPQRSTUVWXYZ abcdefghijklmnopqr stuvwxyx123456890
ABCDEFGHIJKLMNO PQRSTUVWXYZ abcdefghijklmnopqrst uvwxyx123456890
Typeface Grade A uses Avenir, a clean san serif with simple and functional purposes designed by Adrian Frutiger in 1988.
Page 67
MFA Graphic Design Thesis Project
Huilin Miao
Primary Color
Color Grade A has it’s own color palette and color rules to represent the brand’s young, simple and healthy attributes. Bright colors are used to represent the energy of fresh healthy food for young adults.
Page 68
Dark
Grey
Light
R33 G29 B30 C70 M67 Y64 K74 #221f1f
R129 G131 B132 C52 M42 Y42 K6 #808384
R255 G248 B237 C0 M2 Y6 K0 #fff7ec
Vivid Red
Vivid Green
Dark Green
R237 G105 B36 C2 M73 Y99 K0 #ec6824
R116 G192 B67 C59 M0 Y100 K0 #74bf43`
R44 G154 B71 C81 M15 Y100 K2 #2c9946
Grade A College Healthy Eating
Chapter 3: Solutions
Secondary Color
R33 G29 B30 C0 M55 Y100 K0 #f68a1e
R255 G248 B237 C7 M78 Y100 K1 #df5c25
R116 G192 B67 C78 M32 Y100 K20 #3d7437
R44 G154 B71 C5 M0 Y33 K0 #f3f3bb
R129 G131 B132 C1 M16 Y60 K0 #fcd47c
R237 G105 B36 C79 M7 Y61 K0 #06aa87
R44 G154 B71 C88 M37 Y100 K32 #155f30
R44 G154 B71 C61 M0 Y1 K0 #40c6f1
Breakfast Primary
Breakfast Typography
Breakfast Dark
Breakfast Light
R33 G29 B30 C2 M8 Y83 K0 #fddf48
R129 G131 B132 C0 M56 Y99 K0 #f68920
R255 G248 B237 C35 M77 Y100 K41 #723917
R237 G105 B36 C1 M3 Y33 K0 #fdefb8
Lunch Primary
Lunch Typography
Lunch Dark
Lunch Light
R33 G29 B30 C21 M0 Y98 K0 #d4de29
R129 G131 B132 C73 M8 Y100 K0 #4caa47
R255 G248 B237 C88 M37 Y100 K32 #155f30
R237 G105 B36 C9 M0 Y36 K0 #eaefb5
Dinner Primary
Dinner Typography
Dinner Dark
Dinner Light
R33 G29 B30 C60 M0 Y24 K0 #57c4c8
R129 G131 B132 C83 M26 Y41 K2 #078f95
R255 G248 B237 C87 M46 Y54 K25 #1d5f62
R237 G105 B36 C25 M0 Y90 K0 #bbe3e7
Breakfast Breakfast is bright and energetic! It is the most important meal of the day, the first meal to give energy to body.
Lunch Lunch is refreshing! It is in the middle of the day. A healthy lunch can help get rid of tiredness and recharge energy for afternoon.
Dinner Dinner is relaxing! It is the meal to relax body and soul after a long day of work.
Page 69
MFA Graphic Design Thesis Project
Photography Style Grade A uses appetizing photography to convey the freshness of the food.
Page 70
Huilin Miao
Grade A College Healthy Eating
Chapter 3: Solutions
Illustration Style Grade A uses original illustrations to present the healthy food in a fresh way to students.
Page 71
MFA Graphic Design Thesis Project
Icon Style Grade A has its own icon system for digital devices and other products.
Page 72
Huilin Miao
Grade A College Healthy Eating
Chapter 3: Solutions
Primary
Breakfast
Lunch
Dinner
Key Arts Style Key artwork is used to convey Grade A’s vision in type messaging and illustration.
Page 73
MFA Graphic Design Thesis Project
Page 74
Huilin Miao
Grade A College Healthy Eating
Chapter 1: Problem
4 Execution
Page 75
MFA Graphic Design Thesis Project
Healthy Meals on the Go
Bring Grade A’s healthy food to as many places as possible. Students are very busy with their college lives, and many of them do not have time to have a healthy meal in the cafe. To solve this problem, Grade A includes to-go packaging, which not only protects the food, but also clearly presents Grade A’s message.
Page 76
Huilin Miao
Grade A College Healthy Eating
Chapter 4: Execution
Page 77
MFA Graphic Design Thesis Project
Page 78
Huilin Miao
Grade A College Healthy Eating
Chapter 4: Execution
Page 79
MFA Graphic Design Thesis Project
Page 80
Huilin Miao
Grade A College Healthy Eating
Chapter 4: Execution
Page 81
MFA Graphic Design Thesis Project
Working in Grade A
Introduce Grade A’s healthy eating values to people together. Grade A provides part-time jobs to students in the cafe. The apron uniform presents the healthy eating habits that Grade A is striving to encourage. All our meals are freshly made, with organic ingredients from local farms. This apron represents our attitude and our values: we cook food with heart.
Page 82
Huilin Miao
Grade A College Healthy Eating
Chapter 4: Execution
Page 83
MFA Graphic Design Thesis Project
Promoting Grade A to Students
This is probably how students will learn about Grade A. The posters designed for bus shelters around college campuses espouse dynamic messages about Grade A’s mission to help college students build healthy eating habits.
Page 84
Huilin Miao
Grade A College Healthy Eating
Chapter 4: Execution
Page 85
MFA Graphic Design Thesis Project
Page 86
Huilin Miao
Grade A College Healthy Eating
Chapter 4: Execution
Page 87
MFA Graphic Design Thesis Project
Grade A Healthy Cafe
Grade A’s physical hub for serving students. The healthy cafe is where students can come and have meals with friends or take a break between classes. It is located inside campus, where students can easily visit when they feel hungry.
Page 88
Huilin Miao
Grade A College Healthy Eating
Chapter 4: Execution
Page 89
MFA Graphic Design Thesis Project
Page 90
Huilin Miao
Grade A College Healthy Eating
Chapter 4: Execution
Come to store
Look at menu
Pickup Learning Booklet Look at kitchen’s cooking process Look at measuring products
Order
Seated
Look at wall graphics
Get pickup notification from app/store device
Pickup
Seated
Look at wall graphics
Page 91
MFA Graphic Design Thesis Project
Page 92
Huilin Miao
Grade A College Healthy Eating
Chapter 4: Execution
Page 93
MFA Graphic Design Thesis Project
Page 94
Huilin Miao
Grade A College Healthy Eating
Chapter 4: Execution
Page 95
MFA Graphic Design Thesis Project
Page 96
Huilin Miao
Grade A College Healthy Eating
Chapter 4: Execution
Page 97
MFA Graphic Design Thesis Project
Order Healthy Meals on the Go
Be able to order the healthy meals with a fingertip. Students can order Grade A’s healthy meals on its app. The app will store students’ order history and their deliveries and pick up or schedule preference. The app will also send them a reminder when it’s time to eat or when the upcoming order is coming.
Page 98
Huilin Miao
Grade A College Healthy Eating
Chapter 4: Execution
Page 99
MFA Graphic Design Thesis Project
Huilin Miao
Landing
Current order
Today’s menu
Basket
Checkout
Sign up
As guest
Schedule
Pick up
Deliver
Time & Location
Delivery Status
Feedback
Page 100
Menu
Grade A College Healthy Eating
AT& T
Chapter 4: Execution
11:56 AM
Schedule
6
tue
7
wed
8
thur
9
fri
10
sat
11
sun
12
mon
Page 101
MFA Graphic Design Thesis Project
User Testing
How do college students interact with Grade A? In order to see if my thesis has effectively solved the healthy eating problem among college students, I went to UC Berkeley to get input from some students.
Page 102
Huilin Miao
Grade A College Healthy Eating
Chapter 4: Execution
Berenice UC Berkeley student
Justin UC Berkeley student
Rebecca UC Berkeley student
Aaron Page 103 City College of SF student
MFA Graphic Design Thesis Project
Huilin Miao
“I like it. It’s very clean-cut. It didn’t feel overwhelming. Not too much but it’s having enough.” —Berenice
Page 104
Grade A College Healthy Eating
Chapter 4: Execution
AT&T
11:56 AM
AT&T
11:56 AM
Useful function
Simple Understanding
Clean-cut Visual Style The design is very clean. Screen layout is having good hierarchy, very easy to read.
Easy Navigation Nice thought out to make it pretty easy to find things and get things done, not feeling overwhelming.
Simple Understanding Deliver page is very simple and easy understand.
Useful Function Cancel Order function is very helpful, as students can have more control on their action.
Page 105
MFA Graphic Design Thesis Project
Huilin Miao
AT&T
11:56 AM
Color and Pattern Using different colors to categorize different sections is interesting, fun and helpful. Color and Pattern
Weekly Schedule It’s very nice and convenient to be able to plan out what to eat at a certain day each week.
Easy to Get Healthy Food The process of getting healthy food is very easy and fast.
Ingredient Photos It’s very interesting to see the ingredient photos. It explains very well about what is in every meal.
Toolbar This toolbar is very useful in navigating the app.
Page 106
Grade A College Healthy Eating
AT&T
Chapter 4: Execution
11:56 AM
AT&T
11:56 AM
Toolbar
Weekly Schedule
Ingredient Photos
Page 107
MFA Graphic Design Thesis Project
“I like the scheduling option. I think that’s cool for people who want it to be scheduled for every week. I think that’s a cool feature.” —Aaron
Page 108
Huilin Miao
Grade A College Healthy Eating
Chapter 4: Execution
Page 109
MFA Graphic Design Thesis Project
User Testing
How can the app be improved? The following is the feedback I received from students about how the app can be improved.
Page 110
Huilin Miao
Grade A College Healthy Eating
Chapter 4: Execution
“I’m confused about what I’m going to get in a meal.” —Rebecca
Page 111
MFA Graphic Design Thesis Project
Huilin Miao
Food Menu It’s hard to know what is going to get in the meal, due to no photos showing the
AT&T
actual order.
Navigation It’s not clear that how to finish and go back in the weekly schedule setup.
Schedule Organization It now looks more like a list than a calendar.
Cancel Process Hard to find ways to cancel process and go back to home screen.
Grouping Confusion Schedule button is not in the same category as delivery and pick up. Putting them together is confusing.
Screen doesn’t Continue Delivery Status screen doesn’t seem like connecting with the other screens.
Page 112
Food Menu
11:56 AM
Grade A College Healthy Eating
AT&T
Chapter 4: Execution
11:56 AM
AT&T
11:56 AM
AT&T
11:56 AM
Cancel Process Navigation Schedule Organization
AT&T
11:56 AM
AT&T
11:56 AM
Screen doesn’t Continue
Grouping Confusion
Page 113
MFA Graphic Design Thesis Project
Order Healthy Meals on the Go
This is the app’s final design. Here is the app’s final design after adjustment according to the feedback.
Page 114
Huilin Miao
Grade A College Healthy Eating
Chapter 4: Execution
Page 115
MFA Graphic Design Thesis Project
Page 116
Huilin Miao
Grade A College Healthy Eating
Chapter 4: Execution
Page 117
MFA Graphic Design Thesis Project
Page 118
Huilin Miao
Grade A College Healthy Eating
Chapter 4: Execution
Page 119
MFA Graphic Design Thesis Project
Page 120
Huilin Miao
Grade A College Healthy Eating
Chapter 4: Execution
Page 121
MFA Graphic Design Thesis Project
Website
This is how Grade A spreads its message as wide as possible. Grade A’s website is where students can order their healthy meals, obtain healthy eating learning materials and learn more about how to eat healthy. It is also a place to apply to become a delivery partners which will increase the number of people working with Grade A. More business partners will attract more people willing to invest in Grade A so it can open more cafes in more campus, as well as attracted more local farms with which to establish long-term relations so that Grade A can have a reliable and stable ingredient source.
Page 122
Huilin Miao
Grade A College Healthy Eating
Chapter 4: Execution
Page 123
MFA Graphic Design Thesis Project
Huilin Miao
Landing: Ordering Food
Basket
Be our business partner
Be Our Delivery Partner
Be Our Local Farmers
Checkout
Verification
Verification
Verification
Profile
Profile
Profile
As Guest
Sign Up / Sign In
Pay
Profile
Delivery Status
Page 124
Grade A College Healthy Eating
Chapter 4: Execution
Download the App
iTune Store
Grade A Health
Print Sticker / Buy Sticker
Order Booklet
Buy Containers
Page 125
MFA Graphic Design Thesis Project
Page 126
Huilin Miao
Grade A College Healthy Eating
Chapter 4: Execution
Page 127
MFA Graphic Design Thesis Project
Page 128
Huilin Miao
Grade A College Healthy Eating
Chapter 4: Execution
Page 129
MFA Graphic Design Thesis Project
Educational Booklet
This is what Grade A uses to let students know about portion sizes. The small learning booklet available in the cafe, delivery package, and the website contains simple to understand information about how to eat healthy.
Page 130
Huilin Miao
Grade A College Healthy Eating
Chapter 4: Execution
Page 131
MFA Graphic Design Thesis Project
Page 132
Huilin Miao
Grade A College Healthy Eating
Chapter 4: Execution
Page 133
MFA Graphic Design Thesis Project
Page 134
Huilin Miao
Grade A College Healthy Eating
Chapter 4: Execution
Page 135
MFA Graphic Design Thesis Project
Page 136
Huilin Miao
Grade A College Healthy Eating
Chapter 4: Execution
Page 137
MFA Graphic Design Thesis Project
Tableware Measurement
The Grade A products help students eat the right portions. Grade A sells tableware sets that include measurement information so students can practice eating the right portion sizes.
Page 138
Huilin Miao
Grade A College Healthy Eating
Chapter 4: Execution
Page 139
MFA Graphic Design Thesis Project
Page 140
Huilin Miao
Grade A College Healthy Eating
Chapter 4: Execution
Page 141
MFA Graphic Design Thesis Project
Reminder Sticker
The way Grade A helps students control their unhealthy food intake. Grade A sends out food packaging stickers to students in its cafe, delivery package and website, so students receive a reminder to control the amount of packaged food they eat.
Page 142
Huilin Miao
Grade A College Healthy Eating
Chapter 4: Execution
Page 143
MFA Graphic Design Thesis Project
Page 144
Huilin Miao
Grade A College Healthy Eating
Chapter 4: Execution
Page 145
MFA Graphic Design Thesis Project
Page 146
Huilin Miao
Grade A College Healthy Eating
Chapter 1: Problem
5 Feedback
Page 147
MFA Graphic Design Thesis Project
Huilin Miao
Xu UC Berkeley student
Margaret UC Berkeley student
Kayton Page 148 UC Berkeley student
Ian City College of SF student
Grade A College Healthy Eating
Chapter 5: Feedback
User Feedback
What college students think about Grade A? After I finished my app design, I took it to UC Berkeley and gathered student feedback and opinions about the app and the Grade A project.
Page 149
MFA Graphic Design Thesis Project
Huilin Miao
“The most useful aspect to me about the app is that you can schedule meals in advance.” —Margaret
Page 150
Grade A College Healthy Eating
Chapter 5: Feedback
Page 151
MFA Graphic Design Thesis Project
Huilin Miao
“I will definitely use it if it’s real—just out of convenience. I know I want to get lunch ahead of time. I don’t need to take care of waiting line because of the app, just go there and pick it up and that’s it.” —Ian
Page 152
Grade A College Healthy Eating
Chapter 5: Feedback
Page 153
MFA Graphic Design Thesis Project
Page 154
Huilin Miao
Grade A College Healthy Eating
Chapter 5: Feedback
“Nice vibrant orange and green, makes it seems like a healthier food with those colors.” —Kayton
Page 155
MFA Graphic Design Thesis Project
Huilin Miao
Thank You
Many thanks to the people who have helped me along the path of this thesis project and who taught me how to use design to solve problems. Instructors
Phil Hamlett Sandra Isla Hunter Wimmer Jeremy Stout Classmates
Thank you all for letting me learn so much. It is an uplifting and memorable experience to improve together and encourage and challenge each other. Friends
Thank you for all your kindness and caring. My Parents
Thank you for your support and encouragement of my choice to pursue design.
Page 156
Grade A College Healthy Eating
Chapter 1: Problem
Page 157
MFA Graphic Design Thesis Project
Huilin Miao
Credits Course
Thesis 3: Refinement Instructor
Jeremy Stout Designer
Huilin Miao Photographer
Huilin Miao Copywriter
Huilin Miao Editor
Margaret Zhou Jeff Kerrin Printer and Binder
Blurb Paper
Proline uncoated, 100# (148gsm) Software
Adobe Creative Cloud
Page 158
Grade A College Healthy Eating
Chapter 1: Problem
Page 159
MFA Graphic Design Thesis Project
Page 160
Huilin Miao