Your all-in-one tool for smarter grocery shopping
Your all-in-one tool for smarter grocery shopping
Your all-in-one tool for smarter grocery shopping
PantryPal
PantryPal
PantryPal
Grocery-shopping App Design
Grocery-shopping App Design
Grocery-shopping App Design
The Problem
We have observed that there is an absence of grocery planning apps negatively affecting users’ ability to stick to a budget and plan their grocery shop with ease, resulting in high expenses and poor planning.
The Solution
Our app will be designed to assist users maintain a budget while enhancing their grocery shopping and meal planning experience.
The Problem
We have observed that there is an absence of grocery planning apps negatively affecting users’ ability to stick to a budget and plan their grocery shop with ease, resulting in high expenses and poor planning.
The Solution
Our app will be designed to assist users maintain a budget while enhancing their grocery shopping and meal planning experience.
The Problem
We have observed that there is an absence of grocery planning apps negatively affecting users’ ability to stick to a budget and plan their grocery shop with ease, resulting in high expenses and poor planning.
The Solution
Our app will be designed to assist users maintain a budget while enhancing their grocery shopping and meal planning experience.
My Role: UI/UX Designer, Logo designer
My Role: UI/UX Designer, Logo designer
My Role: UI/UX Designer, Logo designer
Team members:
Amiee Franklin-Van,
Bo Zhu,
Hannah Theobald
Team members:
Amiee Franklin-Van,
Bo Zhu,
Hannah Theobald
Team members:
Amiee Franklin-Van,
Bo Zhu,
Hannah Theobald
Time: 3 weeks
Time: 3 weeks
Time: 3 weeks
The Product
The Product
The Product
Compare prices from Coles and Woolworths
Compare prices from Coles and Woolworths
Compare prices from Coles and Woolworths
Make your list and share with family and friends
Make your list and share with family and friends
Make your list and share with family and friends
Add shopping items and see the real-time prices
Add shopping items and see the real-time prices
Add shopping items and see the real-time prices
Search receipes and add
ingredients to your list
Search receipes and add
ingredients to your list
Search receipes and add
ingredients to your list
Research
Research
Research
Qualitative Research
Qualitative Research
Qualitative Research
What the 5 interviewees had to say…
What the 5 interviewees had to say…
What the 5 interviewees had to say…
BUDGET
BUDGET
BUDGET
5 out of 5
5 out of 5
5 out of 5
users said that they take cost into account when grocery shopping.
users said that they take cost into account when grocery shopping.
users said that they take cost into account when grocery shopping.
RECIPES
RECIPES
RECIPES
4 out of 5
4 out of 5
4 out of 5
users said they save/store recipes on social media.
users said they save/store recipes on social media.
users said they save/store recipes on social media.
TIME
TIME
TIME
5 out of 5
5 out of 5
5 out of 5
users found that planning their grocery shop is time consuming.
users found that planning their grocery shop is time consuming.
users found that planning their grocery shop is time consuming.
Quantitative Research
Quantitative Research
Quantitative Research
11 responses
11 responses
11 responses
Current Shopping
Location
Current Shopping
Location
Current Shopping
Location
Most of the users go to Woolworths and Coles for their weekly grocery shopping.
Most of the users go to Woolworths and Coles for their weekly grocery shopping.
Most of the users go to Woolworths and Coles for their weekly grocery shopping.
Preferred Grocery
Shopping Method
Preferred Grocery
Shopping Method
Preferred Grocery
Shopping Method
All of the users prefer grocery shopping in store.
All of the users prefer grocery shopping in store.
All of the users prefer grocery shopping in store.
Managing a
Shopping Budget
Managing a
Shopping Budget
Managing a
Shopping Budget
Half of the users are able to manage their budgets in their grocery shopping.
Half of the users are able to manage their budgets in their grocery shopping.
Half of the users are able to manage their budgets in their grocery shopping.
Trying New
Recipes
Trying New
Recipes
Trying New
Recipes
Most of the users often or sometimes try new recipes.
Most of the users often or sometimes try new recipes.
Most of the users often or sometimes try new recipes.
Our Users
Our Users
Our Users
“I’d like to manage my money more wisely and implement strategies to be cost effective.I have trouble sticking to a budget and find I often overspend.”
“I’d like to manage my money more wisely and implement strategies to be cost effective.I have trouble sticking to a budget and find I often overspend.”
“I’d like to manage my money more wisely and implement strategies to be cost effective.I have trouble sticking to a budget and find I often overspend.”
“I’d like to be more time efficient with planning my weekly grocery shopping. I forget items when I am st supermarket sometimes.”
“I’d like to be more time efficient with planning my weekly grocery shopping. I forget items when I am st supermarket sometimes.”
“I’d like to be more time efficient with planning my weekly grocery shopping. I forget items when I am st supermarket sometimes.”
How Might We
How Might We
How Might We
How might we create an app for Australian households who are affected by the rising cost of living so that they can manage their budget and plan efficiently in grocery shopping.
How might we create an app for Australian households who are affected by the rising cost of living so that they can manage their budget and plan efficiently in grocery shopping.
How might we create an app for Australian households who are affected by the rising cost of living so that they can manage their budget and plan efficiently in grocery shopping.
Competitor Analysis
Competitor Analysis
Competitor Analysis
We analysed 3 direct competitor apps (Bring! Listonic and Wise list) and 1 indirect competitor app (Woolworth) . Except Woolworth, they all have the shopping list feature, but only wise list has the features of comparing price and recipes. However, WiseList is complicated to use because they include almost every financial services, which we tend to avoid in our app.
We analysed 3 direct competitor apps (Bring! Listonic and Wise list) and 1 indirect competitor app (Woolworth) . Except Woolworth, they all have the shopping list feature, but only wise list has the features of comparing price and recipes. However, WiseList is complicated to use because they include almost every financial services, which we tend to avoid in our app.
We analysed 3 direct competitor apps (Bring! Listonic and Wise list) and 1 indirect competitor app (Woolworth) . Except Woolworth, they all have the shopping list feature, but only wise list has the features of comparing price and recipes. However, WiseList is complicated to use because they include almost every financial services, which we tend to avoid in our app.
Logo Design & Style Guide
Logo Design & Style Guide
Logo Design & Style Guide
We made a few adjustments of the logo design to ensure it’s versatile and scalable.
We made a few adjustments of the logo design to ensure it’s versatile and scalable.
We made a few adjustments of the logo design to ensure it’s versatile and scalable.
We opted for a paper-look background in our shopping list app to create a more authentic and familiar user experience. This design choice evokes the traditional feel of jotting down lists on paper, which many users find comforting and intuitive.
We have chosen the Inter typeface for our shopping list app to ensure that items are displayed clearly and legibly. Inter is designed for optimal readability on digital screens, with clean lines and a modern aesthetic. This enhances the overall user experience by making it easier to scan and read the list quickly, ensuring that users can find and check off items with ease.
We opted for a paper-look background in our shopping list app to create a more authentic and familiar user experience. This design choice evokes the traditional feel of jotting down lists on paper, which many users find comforting and intuitive.
We have chosen the Inter typeface for our shopping list app to ensure that items are displayed clearly and legibly. Inter is designed for optimal readability on digital screens, with clean lines and a modern aesthetic. This enhances the overall user experience by making it easier to scan and read the list quickly, ensuring that users can find and check off items with ease.
We opted for a paper-look background in our shopping list app to create a more authentic and familiar user experience. This design choice evokes the traditional feel of jotting down lists on paper, which many users find comforting and intuitive.
We have chosen the Inter typeface for our shopping list app to ensure that items are displayed clearly and legibly. Inter is designed for optimal readability on digital screens, with clean lines and a modern aesthetic. This enhances the overall user experience by making it easier to scan and read the list quickly, ensuring that users can find and check off items with ease.
Iterations
Iterations
Iterations
Shopping List Page
Shopping List Page
Shopping List Page
We came up with two designs based on the testing.
We came up with two designs based on the testing.
We came up with two designs based on the testing.
Version A
Version A
Version A
Version B
Version B
Version B
OR
OR
OR
Version A has tabs of the full prices of shopping in Woolworths, Coles or shopping in both.
Version A has tabs of the full prices of shopping in Woolworths, Coles or shopping in both.
Version A has tabs of the full prices of shopping in Woolworths, Coles or shopping in both.
Version B automatically categorises the items to the supermarket with a cheaper price.
Version B automatically categorises the items to the supermarket with a cheaper price.
Version B automatically categorises the items to the supermarket with a cheaper price.
Final Design
Final Design
Final Design
After evaluating these two design options, we decided to move forward with Version B for PantryPal because it allows users to personalise their shopping lists and includes a 'Compare Prices' button. The price comparison button helps users quickly find the best deals, saving them time and money.
After evaluating these two design options, we decided to move forward with Version B for PantryPal because it allows users to personalise their shopping lists and includes a 'Compare Prices' button. The price comparison button helps users quickly find the best deals, saving them time and money.
After evaluating these two design options, we decided to move forward with Version B for PantryPal because it allows users to personalise their shopping lists and includes a 'Compare Prices' button. The price comparison button helps users quickly find the best deals, saving them time and money.
Automatically categories shopping items to a cheaper supermarket
Automatically categories shopping items to a cheaper supermarket
Automatically categories shopping items to a cheaper supermarket
Edit and personalised your list with Compare button
Edit and personalised your list with Compare button
Edit and personalised your list with Compare button
Share your list with one click
Share your list with one click
Share your list with one click
Recipe Page
Recipe Page
Recipe Page
“The options of add to meal plan, add to favourite and add to list are very confusing.”
“The options of add to meal plan, add to favourite and add to list are very confusing.”
“The options of add to meal plan, add to favourite and add to list are very confusing.”
"I’d like to know the cooking time.”
"I’d like to know the cooking time.”
"I’d like to know the cooking time.”
"I’d like to know how much it costs when I plan my meal.”
"I’d like to know how much it costs when I plan my meal.”
"I’d like to know how much it costs when I plan my meal.”
Final Design
Final Design
Final Design
Use filters to find your meal inspirations
Use filters to find your meal inspirations
Use filters to find your meal inspirations
See the total price of your favourite recipe
See the total price of your favourite recipe
See the total price of your favourite recipe
Select ingredients and add them to your shopping list
Select ingredients and add them to your shopping list
Select ingredients and add them to your shopping list
Further development
Further development
Further development
Initially, we had the feature of meal planning in the design. With the limited time and capacity, we decided to prioritise the other features. As we advance PantryPal, we would like to keep developing meal planning. We also aim to broaden our supermarket coverage to include more stores such as Aldi and IGA. Additionally, we will enhance personalisation by allowing users to favourite items for future reference and create and share recipes with the PantryPal community.
Initially, we had the feature of meal planning in the design. With the limited time and capacity, we decided to prioritise the other features. As we advance PantryPal, we would like to keep developing meal planning. We also aim to broaden our supermarket coverage to include more stores such as Aldi and IGA. Additionally, we will enhance personalisation by allowing users to favourite items for future reference and create and share recipes with the PantryPal community.
Initially, we had the feature of meal planning in the design. With the limited time and capacity, we decided to prioritise the other features. As we advance PantryPal, we would like to keep developing meal planning. We also aim to broaden our supermarket coverage to include more stores such as Aldi and IGA. Additionally, we will enhance personalisation by allowing users to favourite items for future reference and create and share recipes with the PantryPal community.
Reflection
Reflection
Reflection
In this project, we spent a lot of time making sure the design is user-friendly from research to testing. We concentrated on analysing users' habits in creating shopping lists, grocery shopping routines, and meal planning processes to gain a comprehensive understanding of their pain points. This deep analysis guided us in addressing and solving these issues in every detail of the app. We respected the different opinions in the team and used the various ideas to make a more innovative and comprehensive app, integrating diverse perspectives to enhance the overall user experience.
In this project, we spent a lot of time making sure the design is user-friendly from research to testing. We concentrated on analysing users' habits in creating shopping lists, grocery shopping routines, and meal planning processes to gain a comprehensive understanding of their pain points. This deep analysis guided us in addressing and solving these issues in every detail of the app. We respected the different opinions in the team and used the various ideas to make a more innovative and comprehensive app, integrating diverse perspectives to enhance the overall user experience.
In this project, we spent a lot of time making sure the design is user-friendly from research to testing. We concentrated on analysing users' habits in creating shopping lists, grocery shopping routines, and meal planning processes to gain a comprehensive understanding of their pain points. This deep analysis guided us in addressing and solving these issues in every detail of the app. We respected the different opinions in the team and used the various ideas to make a more innovative and comprehensive app, integrating diverse perspectives to enhance the overall user experience.