Problem
Trader Joe’s new app is the perfect solution for families with full time jobs who are strapped for time, money and resources. These families want to provide healthy meals for their adventurous eaters, but can’t always afford to take them out to restaurants or spend hours meal planning and shopping every week.
Solution
Trader Joe’s Grocery App lets you search for exciting, healthy recipes and meal ideas that fit within your budget and dietary restrictions. With over 4 in 10 Americans now following some kind of dietary restriction, including 9% eating gluten free. This all-in-one grocery app will help you find new recipes that both your family will love and that you can prepare quickly and easily.
Role
- Research
- User Persona + Journey Map
- User Flow
- Wireframes
- UI Design
Research
When solving this problem, I looked at how others solve these problems including both grocery and meal planning apps. This included:
- Target
- Instacart
- Emeals
- Green Chef
Proposed Timeline
Persona
The Lee family is a bunch of San Diego Foodies. Staying active up here in the “Most Entertaining City in America”!
They’re always on the hunt for a good meal but with 2 little ones it can always be a challenge to juggle meal planning and grocery shopping, while staying on a tight budget and finding meal solutions for their son, Ethan who is allergic to gluten.
Beyond that, they love to help out their community and sometimes pick up groceries for an elderly widowed neighbor, Joan.
- Needs a quick efficient way to plan meals and grocery shop
- With picky eaters, they’re always looking for new meals
- Looking for meal options that are gluten free is a must
- Finding tools that help them stick to their grocery budget
- Efficiently shopping a second list for an elderly neighbor
- Finding meals the whole family will enjoy AND creating a list AND shopping is a time consuming task
- Gluten free options sometimes can be more expensive and cut into the budget
- Shopping for two households can feel like juggling
Budget Friendly | Efficient | Curated Meals
Journey Map
User Flow
Information Architecture
Wireframes
UI Kit
UI Design
Fearless Flyer features break up products and recipes. Featured recipes, meals and recent purchases are highlighted here.
Saved meals are highlighted on top. Below are meal ideas that you can filter or simply, add ingredients to cart.
Common filters – by meal type and specialty diets are provided to narrow down options.
With filtered results, selecting which curated meals to automatically add ingredients to your cart for an efficient experience.
When navigating to the cart, any pantry staples needed for the recipes selected will show up here. Manually adding items that will not need to be purchased every time.
Seeing an overview of the order inlcuding pickup store and time, and total at the top for staying on budget. Below, a listing of items including a items from the meal selected.
A secure payment screen that includes options to change payment option, pick up person and order summary before final confirmation.
Considerations for Testing
- In order to really understand the target family, I would test the user flow to see if its an intuitive and easy tool that fits their user goals.
- It would be helpful to test the secondary audience, elderly who get help with grocery shopping, to see if they could navigate to the checkout and select an alternate pickup person.
- Finally, I would conclude testing with feeling out how families would approach adjusting meal servings to fit the families need.
