Work
Playground
About





Updated 2026 Oct
OverviewProblemPrototypeExperienceMicro-interactionsDesign System
UI/UX · AI · Motion · 2026Sweetie — Start with one wordSweetie is an AI-powered ordering experience for Sweetgreen that turns a single word — a craving, a mood, or a need — into a strong starting bowl, so customers never have to build one from scratch.*Student project, not affiliated with Sweetgreen.
RoleUI designer
Timeline10 weeks
ToolsFigma
Problem
Too much customization can turn choice into decision overload.Today’s ordering flow asks customers to build every bowl ingredient by ingredient.
Current Sweetgreen in-store kiosk
Who is this for?Customers who know what they want, but not exactly what to order — people in a hurry, new to the menu, working toward a dietary goal, or looking for a personalized bowl without building it from scratch.
Top taskGet a personalized bowl recommendation from a single keyword.Sub tasks
  • Review the recommended bowl
  • Understand why the bowl was recommended
  • Check ingredients and nutrition
  • Explore ingredient sourcing
  • Customize the recommendation if needed
Try the prototype
Interactive tablet prototype — click through it here, or open it full size.Open in new tab ↗
ExperienceAn information architecture built around one keyword, with the LLM stepping in at the moments that need judgement.
Keyword→Recommendation→Customize→Order→Understand
01 — Start with a keyword. 
Start with one word.
Suggested keywords and what others are ordering.
02 — Recommendation & customize. 
Refreshing · High protein · 620 cal
Adjust bases, toppings and dressings, then order.
03 — Ask & learn your ingredients. 
04 — Your orders. Reorder a favorite or revisit what was in your bowl.
Your orders, saved by keyword.
Micro-interactionsSmall, soft motions that show the AI is working and confirm every choice.
Trending nudgePops out of the Sweetie button when there’s something to explore.
Store headerLocation and hours slide in so you know where you’re ordering.
Keyword wheelKeywords scroll into focus and blur as they leave.
Bowl readyThe hex breathes while the bowl is being built.
Ingredient amountsPills fill to show how much — and stop at the group limit.
Dietary togglesFilters snap on with a check, so the choice is confirmed.
Design system
FreshStarts from what the user wants right now — their mood, craving, goal, or preference.
CuratedThoughtfully selects and combines ingredients into a personalized recommendation.
RealBuilds trust by showing real nutrition, ingredients, and sourcing behind the recommendation.
12 columns · 9 rows · 45px margin · 20px gutter
Figtree Regular
Dark Green #00473D · Sweetie Gradient · Greys, Light Green, Beige
1px outline · 30px corner radius · hex bowl
← Back to workNext projectCamper Twin Campaign