Sweetgreen
Timeline 6 weeks
Team Mark Huang
Task Heuristic analysis, user research, ideation & iteration, prototyping
About For studio final project, we were tasked to create a feature that solves a pain-point or benefits the users for a pre-existing application. This project was on Sweetgreen, a fast-casual salad chain in the United States pushing to reimagine fast foods. Their mission is to deliver quality food at an affordable and quick rate. Their bowls are built from scratch to create food transparency and allows a wide range of customizations for almost any dietary preferences/restrictions. We designed a new feature called “My Diet” to remember the user’s dietary preferences (Calories, Allergies, Ingredient Restrictions, etc.) and utilize their data to help guide or shortcut their ordering experience.Our goal was to create an inclusive digital ordering experience for users of different dietary preferences. Tackling not only ease of use, but also health and safety reasons.
Progress
Branding is only relative as we couldn’t get access to the brand guideline.
For more inspiration, we looked at stores that have a similar concept. We wanted to find how other successful applications addressed the problem, and inspire ourselves with their UI patterns just so we don’t have to reinvent the wheel.
Problem Statement: Our objective is to create a more inclusive space for people with specific dietary restrictions, in the sweetgreen application. We wanted to tackle this problem through a customized ordering experience based on user preferences.
Our Approach: Discover problem ︎︎︎ Brainstorm ︎︎︎ Wireframes ︎︎︎ Feedback ︎︎︎ Prototype
Discover and Define the Problem
After examining JTBDs, our team made assumptions about pain-points. To prove our hypothesis, we conducted several unstructured and structured interviews with 10 people in their 20s about their general eating habits and pain points they may have encountered while using the Sweetgreen app.
︎Eating habits: most interviewees have either serious allergies or personal dislike to certain ingredients. Some have eating habits they tend to follow and maintain.
︎Monetary value: users tend to gravitate towards rewards, deals and discounts when ordering takeout.
︎Order cancellation: when ordering on the Sweetgreen app, there is no option to cancel an order after it is placed.
Problem Identified: Monetary value and order cancellations were pain points caused by business goals. Dietary restrictions seems to be an ongoing issue. We decided to address the problem as it happens to reflect Sweetgreen overall company mission: Being a positive force on the food system.
Brainstorm Solution
Wireframes and Feedback
After showing the mid fidelity prototype to some potential users, we learned that:
︎ Users want visuals when selecting allergens
︎ Repositioning “steps-left” (progress bar)
︎ Padding adjustment
︎ Font choice and case choice (uppercase/lowercase)
︎ Image choice for better context
︎ Users want visuals when selecting allergens
︎ Repositioning “steps-left” (progress bar)
︎ Padding adjustment
︎ Font choice and case choice (uppercase/lowercase)
︎ Image choice for better context
Iterations and Prototype
Flowchart
Solution
Prototype
︎ Implement more user data input fields (bread options, hot sauce options for ease and faster ordering)
︎ Further improve visual design
︎ Customize bowls based on schedules/dates
Learnings
︎ Sometimes major pain-points are created due to business goals and limitations (Cancel or Allergies)
︎ Don’t spend to much time on small details
︎ Working together with teammates at the same time prevents mis-communication