PantriPal
PantriPal
A simple way to stay in loop of your kitchen groceries.
A simple way to stay in loop of your kitchen groceries.
Context
After covid and lockdowns happened, many of us started cooking by ourselves. Everyday, most of us face the same questions, what to cook? What veggies or groceries are there in the kitchen? What grocery items are getting over? Which ones are going to get bad or have gone bad? And because of bad stock management of veggies and groceries, we end up wasting most of the perishable grocery items that we order online.
After covid and lockdowns happened, many of us started cooking by ourselves. Everyday, most of us face the same questions, what to cook? What veggies or groceries are there in the kitchen? What grocery items are getting over? Which ones are going to get bad or have gone bad? And because of bad stock management of veggies and groceries, we end up wasting most of the perishable grocery items that we order online.
Goal
Design a mobile app with a few key flows to track groceries, vegetables and fridge items in the kitchen to reduce the food wastage and to efficiently manage kitchen stock.
Design a mobile app with a few key flows to track groceries, vegetables and fridge items in the kitchen to reduce the food wastage and to efficiently manage kitchen stock.
Outcome
I designed PantriPal with a few major flows of the app aiming for a well-balanced user experience. My focus was on writing appropriate UX copy in order to support those screens.
I designed PantriPal with a few major flows of the app aiming for a well-balanced user experience. My focus was on writing appropriate UX copy in order to support those screens.
My Role
Product Designer
Product Designer
Timeline
2 Days
2 Days
App Platform
Android
Android
My approach
My approach
Here's a quick breakdown of how I decided to work on the brief with constraints under given timeline.
Here's a quick breakdown of how I decided to work on the brief with constraints under given timeline.
Step 1 - Understanding the brief & constraints
With limited time, I focused on high-impact use cases—primarily adding and updating item availability—to ensure functional depth over breadth.
With limited time, I focused on high-impact use cases—primarily adding and updating item availability—to ensure functional depth over breadth.
Step 2 - Platform familiarity & studying patterns.
Quickly audited existing android apps to identify common UI patterns, navigation behaviors, and interaction models, ensuring platform-native UX decisions.
Quickly audited existing android apps to identify common UI patterns, navigation behaviors, and interaction models, ensuring platform-native UX decisions.
Step 3 - User story & wireframing core flows.
Created a basic user story & mapped out key flows using lo-fi wireframes to validate information hierarchy, interaction points, and task efficiency.
Created a basic user story & mapped out key flows using lo-fi wireframes to validate information hierarchy, interaction points, and task efficiency.
Step 4 - Designing high-fidelity screens with flows.
Created final screens for the FTUX, item tracking, and availability management. Focused on overall usability, hierarchy, and visual consistency
Created final screens for the FTUX, item tracking, and availability management. Focused on overall usability, hierarchy, and visual consistency
Onboarding flow
Onboarding flow
I choose the option of "login via mobile number" flow, as a lot of users are familiar with how it works (Jakob’s Law) and put emphasis on the interaction of those input fields.
I choose the option of "login via mobile number" flow, as a lot of users are familiar with how it works (Jakob’s Law) and put emphasis on the interaction of those input fields.
FTUX of adding an item
FTUX of adding an item
I designed screens in this flow to answer the core questions:
What did I just buy?
How much did I buy?
When it's going bad?
I designed screens in this flow to answer the core questions:
What did I just buy?
How much did I buy?
When it's going bad?
Editing item availability
Editing item availability
A major assumption in this flow was that users accurately update the quantity of items after usage.
A major assumption in this flow was that users accurately update the quantity of items after usage.
Other screens explorations
Other screens explorations
A few supporting screens I explored along the way while working on major flows to enhance the overall experience beyond core screens.
A few supporting screens I explored along the way while working on major flows to enhance the overall experience beyond core screens.
I am looking for my next role
I am looking for my next role
Let's Chat?
Let's Chat?
