Wiser
Price Matching App  

Timeline

Role

Tool / Platform

January 2024 - April 2024

UI / UX Designer
Group of 5 project
Figma, Wordpress


Clickable Prototype


At-a-Glance

This group project aims to develop a price-matching app that provides consumers with a convenient tool to find the best prices for products or services they wish to purchase. Price-matching apps typically compare prices from various retailers, helping users identify the lowest available price for a specific item. This app will help users save time, money, and reduce stress.


Problem Statement

Grocery shoppers in Ottawa go through a long, tedious process every week trying to compare and find the most economical prices for different products across several stores. This process is time-consuming, stressful, and ineffective as many grocery stores have different prices for the same products and shoppers may easily miss the good deals going through multiple flyers manually.

Process

We began with targeted research on existing price-matching apps and insights from focus groups. Next, collaborative brainstorming sessions produced initial wireframes integrating user flows. Iterative design, testing, and feedback within our group refined the final user-friendly interface.
Understand
- User Research
- Focus Group
- Competitive Analysis
Define
- Problem Statement
- User Personas
- User Journey
Ideate
- Brainstorming
- App Flow
- User Flow
Design
- Mood board
- Lo-fi Wireframe
- Hi-fi Wireframe
Develop
- Prototype
- Developent
Test
- User Testing (Maze)
- Feedback

Focus Group

We conducted a focus group consisting of 5 individuals to gather insights into their grocery shopping behaviors and habits. Additionally, we gathered their feedback on price-matching and evaluated their interest in utilizing such a service
Validation of Assumptions
Price Comparison
- The need for price comparison was validated by the focus group. The majority of the users expressed interest in buying the most reasonably priced item at the most convenient location. This aligns with the app's main purpose of saving time and money.

Convenience
- The focus group members also liked the idea of saving time and effort by not having to visit multiple stores to find the best prices. This validates the app's aim to simplify shopping.

User-Friendly and Accessible Interface
- Most members of the focus group are not fans of reading flyers with one member saying it’s confusing. The same member also preferred to read price information digitally. Moreover, the group would also want features such as location and price filters to easily navigate the app. The focus group's preference of needing a simple yet effective way of looking up price deals supports the app's goal to create a user-friendly and accessible interface that works on any device.

Personalized Shopping Lists
- The feedback from the focus group members who wanted to avoid visiting different stores to get the cheapest prices aligns with the app’s feature of Personalized Shopping Lists and Product Recommendations. The app should help users find the best prices based on the grocer’s preferred items on the list along with suggesting the nearest grocery location.
Insights

During the group discussion, we saw the importance of setting proper expectations for future users. If we are to create a Price Match App, we will highlight to users that it should be seen as a tool to aid grocery shoppers in making wise decisions. The focus is to empower users to efficiently manage their grocery shopping. The app should provide information, but the final decision should rest with the user. focus group discussions have validated many of the app's initial assumptions and provided additional information on user preferences and needs. The app will continue to focus on being user-friendly and accessible. It will aim to empower and help users save time and money while making informed decisions about their grocery shopping.


Define user

Each persona's user journey serves as a storytelling tool, illustrating how our app addresses the specific needs and preferences of our target market, ultimately enhancing their overall grocery shopping experience.

Persona

User journey map

Ideate

In this phase, user flow becomes the focal point for creating a wireframe. We divided it into several user flows based on the user journey, which drove the establishment of the main features of the app.

Main Features
- Search for items and compare the prices in different stores.
- Compare the total price of a shopping list between various stores.
- Receive price drop notifications for items on the watchlist.
- Search for the nearest store.

Wireframing

Lo-Fi Wireframe

User Testing / Review Wireframe

We conducted a user test using Maze to identify any obstacles encountered by our testers while using the app. Nineteen testers participated, and the majority provided positive feedback. However, issues were identified with comparing prices with other stores on the shopping list and locating buttons on the watchlist. so we added text below the icons and modified the shopping list and watch list page.

High Fidelity Screen & Features

Create an Price Matching App
Wiser is a grocery price-matching app that compares prices from different stores. it's designed to be easy to use with a simple and clear layout to quickly find what you're looking for.
Watch List
You can set up notifications to let you know when prices drop on things you're interested in.
Shopping List
Offer price comparison through different stores. You can see the selected items total prices in different.
Map Feature
The app focuses on finding deals and discounts that are available in your area, so you can save money where you live.