
Pantry tracking meets purposeful donating back with rewards


Manage grocery ( household items ) → Donate what you can
→ Rewards points discounts in return
Project specs
NourishNet - A easy pantry management and Household Item Donation app
This happened, One of my friend decided on shifting the house
After shifting the house, Things needs to be arranged and checked - in that i was helping,
We had this issue beforehand of arranging of things and tend to forget with household items food items and cloths. We decided to have it like list - we know that we will forget that list too,
So we tried to find some other digital solution in which we can manage and also donate things
grocery and clothes.
We could not fine any which would do both management and donation,
So this app question was formed.
Role
UX designer
Duration
3 months
Tasks
UX design
Competitive analysis
Secondary research
Tools
figma
figJam
Project Type
Concept Case Study
( User side only )
Context
Imagine you keep forgetting when is the expiry date, and you want to donate grocery items and clothes in a easy way
A space where you can manage grocery ( household items ) and can donate clothes, you can help upon request of nearby food bank and clothes donation centers.
In return you get points and coupons for
every donation and voluntary delivery help
Problem statement
Other alternative have a lengthy process
Many users use small note pad or note app sometimes even in message apps to keep track of household items, In digital space app have long process of adding items, And it is not easy to donate grocery items cloths easily, no app available for small amount of household donation, There is no easy way to ask for emergency donation help for the food banks and the donations centers
Why this matters
- Easy scan item with camera
- Have auto reminders
- Smooth donation process
- Donation centers can Request help
- In return user gets Points and Coupons
- Community wellbeing
Subject
Constraints
- No real user interviews
- Limited project timeline
- Dependent on secondary research
- No user testing
Subject
Assumptions
- User will donate if the process is easy
- Reward increases donation behavior
- Companies will sponsor rewards for Corporate Social Responsibility (CSR) visibility
- AI scanning reduces friction
- User want grocery inventory management
- Volunteers will do the deliveries
Research
Competitive Analysis

Robin Hood Army

No waste

Out of Milk

Goonj

Volunteer Match

OLIO

Share The Meal

Bring!
Observation
- No single platform connects pantry management to donation
- No rewards the can be used for everyday shopping
- Corporation CSR participation is underutilized, Not visible to individual donner for trust building
- Volunteer logistics are mostly manual
Design gaps
- Camera based input / AI
- Keep interactions lightweight and simple
- Donation notification for near expiry products
- Easy donation after functions and celebrations in home and community
- Reward and points on donation and volunteering work
- Can share donation receips post or volunteers work on social media, encourage others
Research
Review mining
What user want
- Automatic item scanning
- less manual inventory management
- Easy donation pickup
- Fast donor-recipient matching
- Rewards and incentives
- Clear social impact tracking
- Flexible volunteer opportunities
- Donation tracking
Pain points
- Too much manual work
- Donation logistics are manual
- users lose motivation over time
- Lack of rewards
- Poor transparency
- volunteer coordination is manual
- Limited impact visibility
- Too many notifications
Research
Business model
Donate → Earn Points → Redeem Coupons → Brand Gains Customer → Brand Funds More Rewards → More Donations Occur
Stakeholder
Gives
Gets
User / Doner
Food, Clothes, Time
Points, Coupons, Recognition
Volunteer
Delivery service
Points, Coupons, Social status
NGO
Verification, Distribution
More donations, Reduced Logistics
Brand / Company
Coupons, Sponsorship, Budget
Visibility, Customers, CSR impact
Platform
Technology and Matching
Revenue, Partnerships, Data insights
Coupon and Point Ecosystem
Stage
User action
Brand benefit / Company
Platform revenue
Earn
Donate food
Brand exposure
Campaign fee
Earn
Deliver package
Brand exposure
Campaign fee
Redeem
Use coupon
Customer visit
Commission
Purchase
Buy product
Revenue growth
Affiliate revenue
Repeat
Return customer
Retention
Brand renewal
User profile
Aged between (22-45) and shared users
User type 1 - Aged between (22-35) Urban grocery managers
( Individuals who buy groceries regularly, live alone/with roommates/partners, and already use digital payments, delivery apps, or shopping-list tools )
Scan groceries once, get reminders automatically, and donate usable surplus in a few taps
User type 2 - Aged between (22-45) Community donors / volunteers
( People motivated by social impact who are willing to donate food/clothes or help with local deliveries if coordination is simple )
See a nearby request, accept it, deliver it, and instantly see the impact you created
User type 3 - Aged between (45+) Older adults seeking simple giving
( Individuals with time and willingness to donate or volunteer, but who may be less comfortable with complex mobile interfaces )
Donate household essentials without complicated setup or travel
User type 4 - Supporting stakeholder CSR/ESG brand and company partners
( Companies sponsoring coupons, points, or campaigns )
Fund rewards tied to completed donations and receive auditable impact and engagement metrics
Core summery
User
Age
Core goal
Main friction
Key feature
Urban grocery managing
22 - 35
Track groceries / reduce waste
Manual inventory keeping
Photo / barcode scanning
Community donor / Volunteers
22 - 45
Help locally / minimal effort
Coordination / trust
Nearby task matching / verification
Older adults seeking simple way to give
45 +
Donate easily
Complex UI
Accessible, very few step flow
CSR / ESR ( Brand and company partners )
Buy product
Visibility / impact reporting
Attribution / analytics
Campaign dashboard
Goal
Lightweight UX process
In point addressing design gaps and pain points, building system to help with managing inventory, input scannable, accessible, very few step flow
Use flow
The User flow is quite extensive, so highlighted the necessary steps that have taken in this case.

Brainstorming & ideation
Wireframe sketch
Trying to fit all the info in one screen, with functional buttons with limited button clickable space with visual info, was learning that took place with iterations that followed




After few ideations
Started designing screens
Final iteration
Wireframe sketch
Making space for important elements and removing non-essential














Iterations
Screen designs
After starting screen designing it was learning about information visual
- Clickable space and spacing
- Proximity content
- Visual spacing and hierarchy
- screen flow










Arrangement
These are the initial screens, To see the visual language
After this went back to wire frame sketching to proceed with remaining screens
Card info
Took considerable amount of rethinking about visual information presentation

Colour and visual spacing and Card refinement
Need change because
- Colour visual fatigue
- Spacing proximity is major issue
- Need cards elements clickable space and key visuals
Iterations
Final design
Key design decisions
clear indication for alerts/ notification coupled with search option
point card is on top and first to see,
- Showing which encourages user to shop
- availability of points and keeping them in mind to increase ( user wants discounts always )
- encouraging user for donation and volunteering
home
easily accessible simple home navigation with active colour indication
after adding new groceries it will show Just added - after interval shows About to expire → home screen which indicates expiring grocery can lead to better usage / donation
easily accessible add option to distinguish the elements operation
showing the user what just done/ history of added grocery - act as reminder of previous action → acts as feel good after work dine
since the user range is young to old age,
( assumption - old age user don’t like to search through whole app )
- big elements
- home screen to make clear what is available in a single screen
easily accessible profile and location


“add” overlay

search
search with filter option for better specificity
filter selection tray
proceed with search
tap

selection option for multiple selection

pantry
overlay



adding new category
easy accessible categorisation for better management
pantry card
expand for quick options


available quantity
quick option to clear the product
takes back to initial “ add home grocery” screen for complete re-edit
freshness period indicator / reminder with red colour for alertness
clear photo / image incase of product scan
for easy indication
category label for organization with label for product type
users usage rating for → better choice repurchase indicator
add to home grocery

AI enabled → which is one of the core pain point and design gap need to address
photo option for products without barcode to scan / scan option for the bar products
better proximity
easy add or remove option for piece / and manual selection options for other measurement
camera with AI enabled option is for case where bar code scan does not have data on usage date ( most of current system do no have usage period data )
so the user who is has low vision can just take photo of the date
overlay open with already created category / to create new category
better repurchase preference → toggle
rating the purchase for better repurchase decision

clothing donation and saved

tab switch option for to create single environment center
category card for management / with add clothes for donation
added clothes card
primary-photo for better assessment with
secondary-condition of the cloth and size, user type
add cloth

add photo for better assessment
user type selection option with three-way toggle
manual size add /
take photo to add option for vision low user
to input condition of the cloth, there are four easy options are provided for easy quick decision
simple categorization
for quick decision
rewards & discounts, points
overlay

type of reward
clear indication
expiring points with colour for alertness / placed with date for proximity relation
focus on expiring points → date ( period limitation ) → shop now ( encourage to use the points )
usable limit date
image of the reward provided from / where it can be used ( in discount type of reward )


food bank

request and how many / main colour is used
urgency with red colour for alertness
shows near to the user in order coupled with address
clear image name with operation hours in proximity for quick identification
available communication easy assess
request
expand
can go to welfare profile if the user interested

urgency with red colour for alertness
name of the welfare center for building community welfare and identity / arrow for expansion for more info
clear image name and quantity for easy identification
clear classification aiming at urgency
indication for donation request lead by reward and surprise for encouragement of user


task


urgency with red colour for alertness
volunteering user just tapped “Check Now” but next screen shows information with progression UI on top which are incomplete in state → this incomplete state might encourage the volunteering use to proceed
showing address with distance for pick up and drop off - with clear proximity for single glace readability to easy for the volunteering user
progression UI to manage task simple way
“Swipe to help” swipe action for avoiding accidental click
doners rating for indicating behavioral trust → which can be easy on volunteer helping use on task
indication for task request lead by reward for encouragement of user
user profile
( public visible side )

tap option to make it easy to switch between
making donations / volunteering work public builds trust
also it encourages users to do so
Visuals


























Styleguide
Typography
Typeface
-
IBM Plex sans
IBM Plex sans
14px
IBM Plex sans
16px
IBM Plex sans
18px
IBM Plex sans
20px
IBM Plex sans
24px
Colours
FF5E29
60992D
0645AD
DA2400
FE7D53
F8F8F8
080808
0E0E0E
333333
575757
6C6C6C
DADADA
Icons

No usability testing done
Usability testing !
If conducted, will test on
- Check how users can quickly understand the home screen
- Check how user interact with add grocery option, stress on 45+ age bracket
- How easily users can donate
- Accessibility usability test
Reflection on case study
Learnings
This project thought me
- How assumptions lead design decisions
- Need for features simplicity
What would improve
- Conduct real user interviews
- Refine accessibility for at glance
- Micro-interactions