Previous
Next
Mavencery Price Hunt
Grocery Price Compare App
UX Design Case Study
— —
User Experience Design
The Challenge 💡
MVP's goals are to create an easy-to-use application that allows users to compare grocery prices.
- Provide total cart cost for grocery list based on users location
- Remove the need for coupon clipping
- Offer the ability to share and edit grocery list with the same household
Client
MVP (Price Hunt)
Timeframe
January - February 2020
My Role
UX Designer, UX Research
Industry
E-commerce / Retail
UX CASE STUDY
— —
PROJECT GOALS 🥅
Goal 1
Using the user's location, compare grocery items.
Goal 2
Users can save money by comparing prices for their entire grocery shopping list.
Goal 3
Allow users to share grocery lists with family and friends, allowing them to add items to the same list.
UX CASE STUDY
— —
Advantages of using a
Grocery Price Comparison App
Save money
Avoid overspending by removing the physical need to “walk through the isles”
Total Cart Cost
Real-time total cart cost as you shop online / through application for your grocery items.
Save Time
Users can add items to their cart as they need them, or create a grocery list for future shopping events.
Item Availability
Users can keep track of whether an item they require is in or out of stock. The user can be given substitution options.
Reduce shopping trips
Users can share their shopping lists with family members so that they can add items that they need. This can help a user reduce the number of trips to the grocery store.
USER PERSONAS 🎯
The target audience of the project is the people aged between 20 – 45 who generally do the grocery shopping for their household.
Most people in this age group use smartphones and have knowledge of Online Shopping.
Claudia Rodriguez
HR Consultant | Mother | The Saver
LeRoy James
P.A Teacher | Single | Health Conscious
UX CASE STUDY
— —
User Empathy Map
As a weekly shopper, I’ve encountered a number of pain points that I chose to address during the MVP design process.
UX CASE STUDY
— —
USER JOURNEY & WIREFRAMES
The user flows for MVP were created along with mid/high-fidelity wireframes using Figma.
EXPLORE MODE
Explore Mode has limitations.
- Users cannot create a shopping list
- Users cannot add items to their cart (shopping list)
- Users can only price compare one item at a time
EXPLORE MODE
For the user that wishes to try the application before signing up.
WIREFRAMES | UX CASE STUDY
ACCOUNT SETUP
User Preference Screen
Allowing bulk items to be automatically pushed to the top of search results for users with larger families who want to save more money by purchasing larger quantities of items.
MVP operates within a 20-mile radius of the user’s location.
This decision was made after a user research survey.
I limited the sign-in process to 2-3 fields to allow users to sign up quickly
(email, name and password).
WIREFRAMES | UX CASE STUDY
PRODUCT SEARCH
Users can search directly from their dashboard, eliminating the need to navigate to another screen.
Users can look for groceries by broad product categories such as “chips,” specific brand names such as “Pringles,” or by scanning the product barcode with their smartphone.
PRICE COMPARE & LIST REVIEW
I was looking for an intuitive way for users to review their grocery list items and price compare total cart cost across multiple stores after researching alternative price comparison applications.
Users can review multiple lists at the same time, prices are based on the entire grocery list, and stores are listed in this view by closest first, then best deal based on total cart cost.
WIREFRAMES | UX CASE STUDY
GROCERY LIST REVIEW AND SHARE
One of MVP’s key features is the ability to create, review, share, and edit
the user’s shopping lists with friends and family.
Before
After
Users can ‘Invite Others” and “Share” that same list from the dashboard.
This screen was updated after user testing revealed that 9 out of 10 users selected “Share list” instead of “Invite Others” – to invite their friends and family to that list.
Initially, the purpose of “Share list” is simply to share and view – not edit.
To solve this issue, I combined the “Share” and “Invite” into one screen. When the user clicks “Share List” the screen will slide up, eventually allowing the the account holder to send that list to friends and family, as well as grant specific people view or edit access to that list.
Usability Testing | UX Case Study
Testing Methodology📓
I conducted an unmoderated remote usability test with 10 participants, ages 25 – 55 via Zoom on a desktop computer.
The users were given 2 tasks to complete.
1 – Look for Pringles and see which store has the best price.
2 – Review your grocery list and share it with your significant other so they can add items to it.
User Testing Findings 📝
I enjoy the user testing phase because it allows me to grow as a UX Designer.
Things that appear obvious to the designer may be perplexing to the user. That feedback allows me to grow and create better product designs.
UX Design Case Study | MVP Price Compare
by Tamara Stampone | User Experience Designer
