WhatSupper
Background and Summary
WhatSupper is a smart app designed to help you save money and time while making meal planning effortless. With the power of AI, WhatSupper not only finds the best grocery coupons and deals for you but also turns your shopping flyers into delicious meal suggestions. Simply take a picture of a flyer, and the app will analyze the featured ingredients, offering personalized recipe ideas based on what’s on sale.
Challenges
For many individuals and families in low-income brackets, grocery shopping is more than just a routine task—it’s a constant struggle to balance affordability, nutrition, and variety. With food prices on the rise, finding the best deals is crucial, yet it can be time-consuming to compare flyers and hunt for savings. Additionally, even when discounts are found, deciding what meals to cook with limited ingredients can be overwhelming. WhatSupper addresses these challenges by simplifying the process. By automatically identifying grocery deals and suggesting meals based on available discounts, the app helps users maximize their budget while minimizing the stress of meal planning.
Solution
To tackle these challenges, we developed WhatSupper, an AI-powered app designed to save both money and time. By simply taking a picture of a grocery flyer, users can instantly access tailored recipe suggestions based on discounted ingredients. The app leverages AI to analyze deals, recommend budget-friendly meals, and streamline meal planning for ultimate convenience and efficiency.
With WhatSupper, we aimed to create an intuitive user experience that streamlines grocery shopping and meal planning. The app’s core functionality—scanning flyers, generating recipes, and personalizing ingredient choices—guides users through a simple yet effective user flow.
- Home Screen: Users can either take a picture of a flyer or browse existing deals.
- Smart Flyer Scan & Crop: The app detects and allows cropping of the flyer for precise deal extraction.
- Recipe Generation: AI suggests recipes based on scanned deals, user preferences, and available pantry items.
- Personalization: Users can modify ingredients, swap items, and adjust meal recommendations.
- Explore Recipes: Users can browse by cuisine, meal type, or cooking style for variety.
- Save & Shop: Users can save recipes, create shopping lists, and optimize their grocery trips.
User Persona
Styleguide
Design Process
Our design process prioritized precision, personalization, and variety to ensure the app meets diverse user needs.
- Smart Flyer Scanning & Cropping – Users can take a picture of a grocery flyer, and for greater accuracy, the app includes a cropping feature to refine the selection of items to be analyzed. This ensures precise recognition of ingredients and deals.
- Recipe Generation – Once the flyer is scanned, AI suggests meal ideas based on available discounts, ensuring users make the most of their budget. The generated recipes consider affordability, nutrition, and ingredient availability.
- Personalized Ingredient Selection – Users can customize their ingredient preferences, dietary restrictions, and available pantry items to receive tailored recipe recommendations that suit their tastes and needs
- Browsing by Cuisine & Style – To enhance variety, the app allows users to explore different meal options across multiple cuisines and cooking styles. Whether they’re looking for quick meals, cultural dishes, or healthy alternatives, WhatSupper provides inspiration beyond just budget-friendly recipes.
Low-Fi Mockup
Initial iteration was originally a coupon-base app where you can find different kind of coupon on different stores, then able-ing to scan it at store for discounts
High-Fi Mockup
Brochure
