top of page

SMARTCART APP

INTRODUCTION

      This grocery shopping app was designed to better understand how users plan their meals and grocery trips, what drives impulse purchases, and how leftover ingredients contribute to food waste. The goal is to create a solution that encourages intentional, plan based shopping while reducing unnecessary spending and excess waste. The app helps users organize meals, build smarter grocery lists, track ingredients they already have at home, and easily find the items they need in a clear and accessible way.

      This project marks my first time fully implementing user needs and mapping the complete user journey from research to solution. I focused on understanding real behaviors and pain points in order to design features that genuinely support users, translating research insights into a cohesive, user centered digital experience.

Screenshot 2026-02-26 at 10.52.11 AM - Edited 2.png

OBJECTIVE

I wanted to understand how users currently plan grocery shopping and meals, what leads them to make impulse purchases, and how leftover ingredients contribute to food waste. This objective helped me design a grocery shopping solution that supports efficient plan-based purchasing and reduces waste.

IDEATION TECHNIQUES

I used the SCAMPER technique to help me think of new ways to improve the grocery shopping experience. I asked myself how I could substitute free browsing with a plan first approach, combine meal planning with grocery list building, and adapt tools like budgeting and calendar scheduling into the app. I also thought about modifying ingredient amounts to reduce waste, eliminating duplicate items across recipes, and rearranging the shopping flow to focus on planning before checkout. This helped me come up with practical ideas that reduce impulse buying and make shopping more intentional.

6997cf53308b754b4281831e_Screenshot 2026-02-19 at 10.04.43 PM.png

Scamper Technique

I used mind mapping to organize all of my ideas in one clear visual layout. I started with the main goal of plan based grocery shopping and then branched out into features like meal planning, delivery, budgeting, and leftover tracking. This helped me see how different features connect and support each other. It also made it easier to understand user problems and design solutions that work together as one complete, user centered experience.

6997cf81b61c2b42786a55f9_Screenshot 2025-12-22 at 3.49.40 AM.png

Mind Mapping

CONTENT AND INFORMATION ORGANIZATION

To organize the content, I grouped meals into clear and helpful categories such as quick meals, budget friendly, plant based, and dietary needs. This made it easier to see how users might search for recipes based on their lifestyle. Organizing the information this way helped me design a system that feels simple, structured, and easy to navigate.

6997d000a729e4ae52838fb4_Screenshot 2026-02-19 at 10.07.02 PM.png

Organization

USER PERSONAS

I created user personas to represent different types of people who might use the app. Each persona has different goals, habits, and challenges, such as being busy, health focused, eco conscious, or budget aware. This helped me design features that support a variety of needs instead of just one type of user. The personas kept my decisions focused on real people and real behaviors throughout the design process.

Screenshot 2026-02-27 at 12.14.41 AM.png

User Personas

STORYBOARDING

I used storyboarding to walk through the user’s experience step by step. I imagined a user who wants to plan meals but feels unsure about what to cook or buy. The storyboard shows how they open the app, choose meals for the week, reuse ingredients across recipes, and shop with a clear plan. This helped me understand the full journey and design features that support users from confusion to confidence.

6997ce514fef1552a0ebcd20_E9281FD4-3883-49CA-A53E-9BB7710B1808.PNG

Storyboard

LOW-FIDELITY WIREFRAMES

I created low fidelity wireframes to sketch out the basic layout and structure of the app before focusing on design details. These rough screens helped me test the flow between meal planning, list building, and recipe browsing. By keeping them simple, I was able to focus on functionality, navigation, and clarity. This step allowed me to quickly adjust the layout and improve the overall user experience.

6997ce8c59d80e03619c4121_Screenshot 2026-01-19 at 10.06.57 PM.png
Low-Fidelity SmartCart_edited.jpg

Low-Fidelity Wireframes

MID-FIDELITY WIREFRAMES

I wanted to understand how users currently plan grocery shopping and meals, what leads them to make impulse purchases, and how leftover ingredients contribute to food waste. This objective helped me design a grocery shopping solution that supports efficient plan-based purchasing and reduces waste.

bottom of page