helping shoppers add variety to their grocery lists
speculative project, end-to-end app
Groceri started out as a concept exploration to understand how and help people incorporate seasonal produce into their diets. Because many grocery shoppers tend to buy the same products week after week, they don’t know much about which items are in-season local to them. Groceri aims to bridge this knowledge gap while incorporating people’s typical shopping habits in an all-in-one platform.
*This is a concept proposal for a MVP app
MY ROLE
Solo designer for an end-to-end app: user & secondary research, wireframes, prototyping, usability testing
TOOLS
Figma & Figjam
Maze
Google Meet
PLATFORMS
iOS app
VIEW PROTOTYPE
background research
background & problem statement
While shoppers have positive attitudes about shopping seasonally, they lack key info
This project was fueled by my interests in cooking and sustainability. Many people believe that buying locally-grown produce is healthier and more eco-friendly. I wanted to explore this space and see what opportunities arose for development.

In a preliminary survey asking 29 people about their grocery shopping habits, I found out that shoppers generally had poor understanding about food seasonality and lacked sources of information.
Problem:
With an increased general interest and urgency for sustainable lifestyle changes, there is an opportunity to make shopping by season more approachable for people who plan out their grocery trips.
user research
Grocery shopping is a necessity that most people don’t enjoy doing
Interviewees were pulled from the pool of survey respondents. I wanted to chat with people who mentioned planning before a grocery trip (whether that be a list or otherwise) and spoke positively about seasonal produce.
5 participants
215 data points
Demographics
- urban & suburban areas
- mid-to-late 20s
- shop at big-box grocery stores
- plan grocery trips in advance
There were broad trends in both groups about grocery shopping attitudes - for example, a  majority of survey respondents and interviewees said they disliked grocery shopping and were concerned about prices at the store.

People in both groups were also very likely to gravitate toward favorite or familiar (staple) items, rather than spend time looking for something new.
Several similar attitudes (re: shopping, seasonality), pain points (re: shopping, budgets, and seasonality), and needs arose in interviews. I wanted to address the intersection of these 3 categories with the project.
Personas
Interviewees generally fell into two categories
Routine Driven
This is someone who doesn’t stray very far from their typical go-tos for food. They tend to be busy. Variation isn’t as important to them as simplicity and meeting specific dietary needs.
Shopping Priorities
- price
- availability
Goals
- make sure what they actually need is in stock
- substitute for seasonal produce when possible
- save money
Open to Trying New
Visitors seeking “cat therapy” need quick access to visitor information (like hours, pricing, and menu) in order to feel confident about visiting.
Shopping Priorities
- price
- quality of foods, particularly produce
Goals
- incorporate new foods into diet
- save money
user research
Researching the market and the science
In digging in to subject-matter research, I found out that my assumptions about in-season produce being more sustainable were actually not supported! There were, however other recommended benefits for eating with seasonality in mind:
- in-season produce tends to have a lower price
- dietary variety is extremely important, but many people rely on non-seasonal staples
Additionally, I took a look at products solving similar issues on the market to identify some patterns and opportunities. The seasonal education space is a fairly under served market, so competitors ranged from recipe apps, to guides, and grocery shopping aids.
Seasonal Food Guide
database of seasonal food by month/region in US
strengths
- seasonality info + graphs
- regionally specific
- “what to look for”
weaknesses
- old UI
- confusing nav and IxD
- long lists with no filters
Opportunities
- filter/search produce
- favorites
- auto location
Eat Seasonal
database of seasonal food + recipes with produce
strengths
- auto location
- search by produce
weaknesses
- seasonality only viewable by month
- minimal UI
Opportunities
- quick-look info
- annual seasonality info
Kuri
recipes recs to “decrease your carbon footprint”
strengths
- onboarding
- branding and UI
- seasonality at a glance
weaknesses
- carousels too long
- recipe adding frustrating
Opportunities
- favorites
- substitutions suggestions
Cooklist
pantry tracker and grocery list helper
strengths
- favorite stores
- scanning items to add
- substitution suggestions
weaknesses
- time required to set up
- items in store inaccurate
Opportunities
- recommendations based on purchases
- price data over time
- substitutions from seasonality or price
Opportunity:
There’s absolutely room in the market for a product that cater to shoppers looking to add more produce variety and seasonal food to their carts.
prioritizing user needs
Jobs To Be Done
Understanding each persona’s main jobs and associated needs
Using the Jobs to be Done framework to understand each persona’s needs would help me prioritize solutions. While there were difference to each persona’s functional and emotional needs, there was strong agreement on topics like price, supporting local businesses, and meeting dietary needs.
Job to be Done:
I want to substitute some of my grocery staples with seasonal produce, without spending time learning what’s in season.
One unique need for routine-driven shoppers is the need to keep decision and cognitive loads low. These folks don’t have the time or patience to mix things up, so keeping solutions minimally invasive would be important for them.
Job to be Done:
I want to substitute some of my grocery staples with seasonal produce, so I can add variety to my diet.
For variety-driven shoppers, there was a need to make a grocery list. Since they don’t rely as much on staples, it’s important that the solution can cater to weekly grocery flexibility.
shared solution goals...
remain in budget
Only make substitutions when the price is the same or better than typical staple items.
meet dietary needs
Such as vegetarianism, certain macro nutrients, etc.
know produce seasons
Crucially, without spending the time seeking out the information themselves.
reduce time shopping
Because the overall experience is boring and unpleasant, the solution cannot increase time.
purchase local food
Support local farmers and businesses, hopefully also reducing transportation fuels and costs.
Jobs To Be Done
Creating a roadmap for design
Using the persona goals, needs, and pain points, I brainstormed several different possible solutions. Using the identified share functional needs from JtbD, the most useful potential ideas were pulled out as 14 unique features.Because this app is focusing on the MVP, it was important to evaluate which functionality would be necessary for Phase 1 of design and development. I used an impact vs. effort chart to determine must-haves.
Impact vs. Effort Matrix
p1 must haves
- user account creation
- onboarding
- diet and preferences
- grocery staples (manual & auto)
- grocery store location (manual & auto)
- weekly deals & prices
- curated food recommendations (price, seasonality)
- produce detail pages
designing solutions
branding
Developing the values and look of the brand
Based on the people I interviews, the personas, and the features identified for the MVP, I worked on coming up with brand values for the app. The product would be educational but useful, personal, and targeted toward the 20-30s demographic. Evaluating 33 unique values on an “on brand” vs. “unique” chart, the following values were selected:
variety
fresh
knowledge
bright
rapid prototyping
Designing and iterating on key features
I was focusing on developing 3 main features: onboarding, curated recommendations, and produce details. User flows were developed to help understand the interactions, and then “happy path” task flows were created from those.
Low Fidelity Wireframing
Working back and forth with task and user flows, I iterated on quick low fidelity designs for key screens in the features I would later be testing.
Produce Details
To make trying new foods as accessible as possible, quick information about the food is available at a glance
Recommendations
The home screen would have several recommendation topics prioritized from persona needs - seasonal guide, sales, and new-to-you items.
Staples List
Because shoppers tend to repeat buy foods, having a list allows the app to suggest substitutions
Variations on the weekly grocery check-in
The weekly check-in feature was a combination of sale, substitution, and general produce recommendations - all of which hit shared persona goals. The check-in presents the user  with their staple list, updated with stock and price info, offering recommended substitutions and sale items where applicable.
All Options Visible
Users have access to 2 options - either keep their staple or make a substitution
Options Dropdown
Users have access to an options button on applicable items, which would open a list and expand the children
No Buttons
Users can choose to make substitutions or ignore recs in one action, all applicable items have visible children
The options dropdown flow tested the best in rounds of informal testing, and moved to higher fidelity.
high fidelity mockups
After some testing and feedback, designs were brought into high fidelity to create prototypes for testing.
Curated Recommendations
In keeping with each persona’s main needs and goals, the categories top deals, local items, and new to you were used to promote different produce on the home page.
Weekly Deals & List
Substitutions based on price and seasonality are offered to users in a weekly check-in
Seasonal Guide
Users can dig into food categories to explore what’s in season
Produce Details
At a glance, users can understand how to choose produce and when it’s in season
Staples List
A list with items a shopper typically buys, which is used to populate their curated weekly deals
outcomes & final thoughts
outcomes
Usability testing revealed issues with label comprehension which needed addressing
Testing was completed via Maze with 11 participants, and focused on the 3 core features designed:
adding staples
METRICS
time on task
completion rate
errors (misclicks)
Likert ease score
qualitative feedback
navigating to produce
METRICS
time on task
completion rate
errors (misclicks)
qualitative feedback
making grocery subs
METRICS
time on task
completion rate
errors (misclicks)
Likert ease score
qualitative feedback
Results were mixed. The biggest difficulties people faced were understanding the labels (ex: “my list” vs. “staples” and the seasonal category names). Many users also expected to be able to navigate to a produce page directly from the seasonality guide, which did not have interactions built in.
30% had trouble with “my list”
however overall ease was rated 4.2 / 5
Users expressed that “my list” didn’t pair with their understanding of “staples”, causing some confusion.
50% had trouble with “cruciferous”
overall completion rate was also <90%
This task had the highest error rate and most negative feedback. Many people were unfamiliar with the scientific name and didn’t initially interact with its card.
40% had trouble with the substitution option label “ignore”
These user either didn’t know what this option would do or assumed it would remove the item.
Revisions After Testing
There were several small adjustments that equaled big usability wins (like copy editing), as well as a few visual design changes.
1. Staples Search Copy Edit
some users expressed confusion over the search bar being used to add staples, so the copy was edited to add clarity
2.Standard Capitalization
a few users mentioned confusion about capitalization (most elements all lowercase, expect produce), so items were changed to match the lowercase theme
3. Highlighting New Staples
after adding an item to their list, users will now see a “new” tag for a limited time on the screen
4. Menu Label Edit
“my list” was changed to “groceries” based on user feedback
5. Options Copy Edit
comprehension of “ignore” vs “skip” was low, so slight copy changes were made
6. Reclassification
users had a lot of trouble with the category label “cruciferous”, so a more common name was chosen
7. Adding Descriptions
family pages now include brief descriptions for users to better understand categories
Final Thoughts
Notes on constraints, learnings, & next steps
I think my biggest takeaway from this experience is that testing labels and copy during early design phases is so important.