ROLE
UX Research,
Group Project
Group Project
DURATION
August 2024 to December 2024
TOOLS
Figma, Canva, Miro
Overview
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.
Users
Use Cases
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.
Key Features & Functionality
1. Smart list creation
Build and share lists, integrate dietary preferences, and check store inventory in real time.
3. Seamless checkout
Skip the lines with in-app scanning and payment.
2. Optimized store navigation
Find items quickly with personalized routes and dynamic cart tracking.
4. Health and efficiency tools
Get dietary alerts, compare nutrition details, and avoid crowds by shopping during less busy hours.
Ideation Sketches
Storyboarding
User Personas
Designing personas helped us understand diverse user needs, behaviors, and motivations.
Primary persona: parents with kids
Secondary persona: college students and young working adults
Designing personas helped us understand diverse user needs, behaviors, and motivations.
Primary persona: parents with kids
Secondary persona: college students and young working adults
Information Architecture
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.
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.
Wireframes
Hi-fi Prototype
Link to the full prototype
Link to the full prototype
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
Impact
Increased Accessibility
Empowers users with allergies,
mobility challenges, and
time constraints by
reducing stress and making grocery shopping
easier and safer.
Improved Collaboration and Household Organization
Facilitates better communication and
planning within households or groups.
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.