3 fun hours with pen, paper, and Figma
Prompt Analysis
Market Research
What are some helpful/interesting solutions out there?
Nest
Smart home system — Camera, Doorbell, Displays, Thermostat, Wifi router, Speaker, Safety...
If the functionality to “tell the contents and dates of expiration” exists, it would likely be integrated with the cameras or displays to provide up-to-date information
Grocery List Apps
Looks similar, functions similarly Need to manually add everything Ideation
Design
Figma
Grocery Details
List items are shown in alphabetical order, and checked items would be moved to the bottom of the list. Once the camera detects a grocery item that is in the list, the details of the item would be expanded to show existing items in fridge/pantry, purchase details, along with the recipes associated with the item to help make better purchasing decisions. Section Change & Overflow
Once the camera detects that you’re in another grocery section, the grocery list would be updated accordingly to match up with the section and show the new items you need to purchase If there are more than 5 list items, the overflowing content would be collapsed at the bottom and the users can scroll down to see more Future Directions & Iterations
Finish the app with tradition list items view & recipes Refine visual details (e.g. font sizes, margins and paddings, interactions) Integration into existing products and/or ecosystems