MealMap App Design
Eating healthy while balancing cost, nutrition, and sustainability is a common challenge as users face difficulties finding affordable groceries, avoiding food waste, and accommodating dietary restrictions. A comprehensive app that integrates meal planning, dietary customization, and grocery store navigation can simplify these processes, promoting healthier and more sustainable eating habits.
Overview
Users
Use Cases
Key Features & Functionality
Smart list creation
Build and share lists, integrate dietary preferences, and check store inventory in real time.
Optimized store navigation
Find items quickly with personalized routes and dynamic cart tracking.
Health and efficiency tools
Get dietary alerts, compare nutrition details, and avoid crowds by shopping during less busy hours.
Seamless checkout
Skip the lines with in-app scanning and payment.
Ideation Sketches
Ideation Sketches
Designing personas helped us understand diverse user needs, behaviors, and motivations.
Primary persona: parents with kids
Secondary personas: college students and young working adults
Primary persona: parents with kids
Secondary personas: college students and young working adults
Designing the app flow was a key early step, helping us identify essential features, determine effective interactions, and gain clarity on how to best support user needs.
Explore the full prototype
User Personas
Information Architecture
Wireframes
Hi-fi Prototype
Impact
Cost and Time Savings
Comparing store prices and optimizing shopping routes with mobile checkout saves time and money.
Sustainability
Reducing time spent in stores and planning purchases more effectively minimizes food waste and excess consumption.
Informed and Safer Choices
Real-time dietary warnings for restrictions and allergens help users avoid health risks and shop with greater confidence.
Improved Collaboration and Household Organization
Facilitates better communication and planning within households or groups.
Increased Accessibility
Empowers users with allergies, mobility challenges, and time constraints by reducing stress and making grocery shopping easier and safer.
Let’s connect!
sppratt@umich.edu & LinkedIn
ROLE
UX Researcher, Group Project
DURATION
August 2024 to December 2024
TOOLS
Figma, Canva, Miro
Planned shoppers value structure and efficiency, using detailed lists to meet household needs, dietary restrictions, and meal prep goals. They aim to minimize time in the store by preparing in advance, reducing waste, and staying within budget.
On-the-go shoppers prioritize convenience and flexibility, making quick, last-minute trips without detailed plans. They rely on features like real-time navigation, flexible list updates and scanning as you go, and in-app checkout to save time and streamline their experience.
At home, MealMap helps users create personalized shopping lists based on preferences and past purchases. Shared lists ensure all needs are addressed, while store inventory checks save unnecessary trips and make preparation seamless.
In-store, MealMap optimizes the shopping experience with guided navigation, real-time updates as you place items in your cart, and in-app scanning and payment. Users can shop efficiently, skipping checkout lines for a stress-free trip.
User Flows
1.1 Creating a new shopping list
2.1 In-store shopping experience - using premade shopping list
2.2 In-store shopping experience - using Scan-as-you-go
Jump to final design
