Menu

Home

Case Studies

Sale Spotter

End-to-End Project

Created for

Designlab UX/UI Academy

Case Studies

About Me

Home

Contact

Case Studies

About Me

Home

Contact

Case Studies

About Me

Home

Contact

Home

Case Studies

Sale Spotter

End-to-End Project

Created for

Designlab UX/UI Academy

In this end-to-end project. I dove deep into the full UX process - from competitor research and user interviews to building affinity maps, personas, project goals, and feature roadmaps. I mapped out the user flows, designed the sitemap, sketched lo-fi wireframes the experience with hi-fi designs and usability testing. On top of that, I created the branding and logo to tie everything together into one seamless experience.

View Prototype

In this end-to-end project. I dove deep into the full UX process - from competitor research and user interviews to building affinity maps, personas, project goals, and feature roadmaps. I mapped out the user flows, designed the sitemap, sketched lo-fi wireframes the experience with hi-fi designs and usability testing. On top of that, I created the branding and logo to tie everything together into one seamless experience.

View Prototype

In this end-to-end project. I dove deep into the full UX process - from competitor research and user interviews to building affinity maps, personas, project goals, and feature roadmaps. I mapped out the user flows, designed the sitemap, sketched lo-fi wireframes the experience with hi-fi designs and usability testing. On top of that, I created the branding and logo to tie everything together into one seamless experience.

View Prototype

Project Type

End-to-end mobile app

Involvement

UX/UI Design, UX Research, Branding, Usability Testing

Tools

Figma, Framer

Project Type

End-to-end mobile app

Involvement

UX/UI Design, UX Research, Branding, Usability Testing

Tools

Figma, Framer

Project Overview

Background

In the United States alone, there are roughly 165,000 rummage sales held each week. On average,690,000 people buy something at a yard sale each week.

Problem

There is currently no platform that allows potential buyers to find local rummage sales. People looking for rummage sales have to drive around and look for signs.

Goals

My vision is to create an application enabling users to locate local yard sales. The app could generate income either by imposing fees on the user or seller for listing their yard sale, with an upgraded version facilitating the seller to upload images and detailed narratives of the sale.

The
 Process

Research

Competitor Analysis

User Interviews

Affinity Mapping

Define

User Personas

Project Goals

Problem Statement

Ideate

User Flows

Site Map

Mid-Fidelity Wireframes

Usability Testing

Design

Branding & Logo Design

Component & UI Kit

High-Fidelity Wireframes

Prototyping

Test

Usability Testing

Revisions

Research

Research

Research

Competitor Analysis

Competitor Analysis

A competitor analysis was conducted on three websites that assist users in finding rummage sales and specific items in their communities.

A competitor analysis was conducted on three websites that assist users in finding rummage sales and specific items in their communities.

A competitor analysis was conducted on three websites that assist users in finding rummage sales and specific items in their communities.

Route planning and optimization

Customization and search filters

Integration with navigation apps

Affordability

Reliance on user-generated listings

Limited customer support

Many valuable features are not free

Website reads like a newspaper

User-friendly interface

Has search filters

Community based

Wide user base

In app communication

Limited free listings in certain categories

Scam and fraud risks

No built-in payment protection

User-friendly interface

Community based

Free to use

Moderated groups

Limited reach

Reliance on manual transactions

Lack of features

User Interviews

User interviews were conducted with five participants that have either attended or hosted a rummage sale.

User interviews were conducted with five participants that have either attended or hosted a rummage sale.

User interviews were conducted with five participants that have either attended or hosted a rummage sale.

Locate local rummage sales

Locate local rummage sales

Buyers find that the only way to currentlu find rummage sales is to drive around and look for signs

Buyers find that the only way to currentlu find rummage sales is to drive around and look for signs

List rummage sales

List rummage sales

Sellers have a need for a platform that allows them to list a rummage sale with the option of listing pictures and details about specific items.

Sellers have a need for a platform that allows them to list a rummage sale with the option of listing pictures and details about specific items.

Search rummage sales

Search rummage sales

Buyers have a need for a platform that allows them to search local rummage sales for specific items

Buyers have a need for a platform that allows them to search local rummage sales for specific items

Affinity Mapping

"

Only once, but We didn't make enough money to be worth all the work."

~Amy about hosting a rummage sale

"

These sales are mined from Craigslist. It is not worth it for me to pay just to see them in map form."

~Willow

In summary: A rummage sale app would greatly assist sellers by drawing more business to their events. The ability to post pictures and detailed descriptions of items would lure buyers seeking those specific goods. Shoppers could utilize the app to find local rummage sales, saving them time and effort. The search and filtering options enable buyers to scope out the exact products they aspire to purchase, sparing them needless travel to irrelevant sales. An integrated map feature aids buyers in visualizing the proximity of each sale, facilitating optimal travel planning. Revenue generation would occur through charging sellers for their rummage sale listings.

Affinity Mapping

"

Only once, but We didn't make enough money to be worth all the work."

~Amy about hosting a rummage sale

"

These sales are mined from Craigslist. It is not worth it for me to pay just to see them in map form."

~Willow

~Willow

In summary: A rummage sale app would greatly assist sellers by drawing more business to their events. The ability to post pictures and detailed descriptions of items would lure buyers seeking those specific goods. Shoppers could utilize the app to find local rummage sales, saving them time and effort. The search and filtering options enable buyers to scope out the exact products they aspire to purchase, sparing them needless travel to irrelevant sales. An integrated map feature aids buyers in visualizing the proximity of each sale, facilitating optimal travel planning. Revenue generation would occur through charging sellers for their rummage sale listings.

Define

Define

Define

User Personas

Three user personas were developed based on research findings to represent the needs of individuals needs to list a rummage sale they are hosting or to search local rummage sales for location and items available.

Three user personas were developed based on research findings to represent the needs of individuals needs to list a rummage sale they are hosting or to search local rummage sales for location and items available.

Three user personas were developed based on research findings to represent the needs of individuals needs to list a rummage sale they are hosting or to search local rummage sales for location and items available.

How might we provide a platform for sellers to post the location and items in their rummage sale, and buyers to find these rummage sales and plan the best route between them so that they can visit more sales in less time.

How might we provide a platform for sellers to post the location and items in their rummage sale, and buyers to find these rummage sales and plan the best route between them so that they can visit more sales in less time.

How might we provide a platform for sellers to post the location and items in their rummage sale, and buyers to find these rummage sales and plan the best route between them so that they can visit more sales in less time.

Project Goals

Problem Statement


There is currently not a platform that allows sellers to post the location and items of their rummage sale for buyers to search the items and find the best route between all the local rummage sales.


Feature Set

Must Have

Ability for buyers to find local rummage sales

Ability for buyers to choose the best route between rummage sales

Ability for buyers to filter rummage sales

Ability for sellers to list rummage sales

Ability for sellers to list specific items they are selling

Ability for sellers to list pictures of items they are selling

Interactive map

Nice to Have

Buyers' ability to track previously viewed sales

Real-time driving mode

Surprising

Interactive map pin changes color with sale items

Can Come Later

Email notifications

Ideate

Ideate

Ideate

User Flows

Two user flows were developed and tested to gain insight into how the users navigate the platform.

Two user flows were developed and tested to gain insight into how the users navigate the platform.

Two user flows were developed and tested to gain insight into how the users navigate the platform.

Search local rummage sales for a specific item.

Search local rummage sales for a specific item.

Post a rummage sale with pictures and descriptions

Post a rummage sale with pictures and descriptions

Site Map

A sitemap was created to gain a clearer understanding of the website's structure.

A sitemap was created to gain a clearer understanding of the website's structure.

A sitemap was created to gain a clearer understanding of the website's structure.

Low Fidelity Wireframes

Low-fidelity wireframes were created to conduct usability testing with five participants, focusing on the user flows. My goal for the first test was to find the user pain points in using the filter buttons and the dropdown. My goal for the second test was to find the user pain points in listing a rummage sale with additional items.

Low-fidelity wireframes were created to conduct usability testing with five participants, focusing on the user flows. My goal for the first test was to find the user pain points in using the filter buttons and the dropdown. My goal for the second test was to find the user pain points in listing a rummage sale with additional items.

Low-fidelity wireframes were created to conduct usability testing with five participants, focusing on the user flows. My goal for the first test was to find the user pain points in using the filter buttons and the dropdown. My goal for the second test was to find the user pain points in listing a rummage sale with additional items.

Filter button/ dropdown menu test

Filter button/ dropdown menu test

List a rummage sale

List a rummage sale

Usability Testing

Design a HOME page to allow users to choose whether they are listing a rummage sale or looking to find rummage sales

Design the filter with multi-stage dropdown menus to save space in the app

Design a hamburger menu to allow users to navigate the site from the top navigation bar

Design

Design

Design

Branding & Logo Design

The Sale Spotter logo was designed to reflect the five core values: community connection, simplicity, sustainability, efficiency and accessibility.

The Sale Spotter logo was designed to reflect the five core values: community connection, simplicity, sustainability, efficiency and accessibility.

The Sale Spotter logo was designed to reflect the five core values: community connection, simplicity, sustainability, efficiency and accessibility.

Community
Connection

Community
Connection

Foster a sense of local community by helping neighbors connect and discover hidden treasures in their area.

Simplicity

Simplicity

Simplicity. Ensure an intuitive and user-friendly interface for sellers to post sales quickly and for buyers to find what they need effortlessly.

Sustainability

Sustainability

Promote second-hand shopping and upcycling, reducing waste and encouraging eco-friendly practices.

Efficiency

Efficiency

We strive to streamline the planning process, saving you time by quickly finding optimal hotel choices along your route, so you can foci=us on enjoying your travels.

Accessibility

Accessibility

Make rummage sales more accessible by offering advanced search filters, maps for easy navigation, and features tailored to diverse user needs.

Component & UI Kit

A component and UI kit was developed to streamline the design process and ensure consistency across the platform.

A component and UI kit was developed to streamline the design process and ensure consistency across the platform.

A component and UI kit was developed to streamline the design process and ensure consistency across the platform.

High Fidelity Wireframes

High-fidelity wireframes and a prototype were developed to conduct more in-depth usability testing of the platform. I wanted to validate the effectiveness and usability of the Sale Spotter mobile app while finding ways to improve the design, accessibility and functionality of the app.

High-fidelity wireframes and a prototype were developed to conduct more in-depth usability testing of the platform. I wanted to validate the effectiveness and usability of the Sale Spotter mobile app while finding ways to improve the design, accessibility and functionality of the app.

High-fidelity wireframes and a prototype were developed to conduct more in-depth usability testing of the platform. I wanted to validate the effectiveness and usability of the Sale Spotter mobile app while finding ways to improve the design, accessibility and functionality of the app.

Search rummage sale for specific item

Search rummage sale for specific item

List a rummage sale

List a rummage sale

Prototyping

View Prototype

View Prototype

Test

Test

Test

Usability Testing

Usability testing was conducted with five participants , and revisions were made based on the insights gathered.

Usability testing was conducted with five participants , and revisions were made based on the insights gathered.

Usability testing was conducted with five participants , and revisions were made based on the insights gathered.

Titles and arrows were added to the cloud buttons on the home page to make them look more clickable

Filter dropdowns on both the buy and items pages were redesigned to allow users to see which categories they have already selected

Filter options were moved below the search bar

Revisions

Revisions

Arrows were added to the cloud buttons

Arrows were added to the cloud buttons

Filter dropdowns were redesigned.

Filter dropdowns were redesigned.

Moved filter button below search bar.

Moved filter button below search bar.

Summary

Summary

Summary

Designlab UX/UI Academy

Designlab UX/UI Academy

This project was the End-to-End project for the Designlab UI/UX Academy bootcamp.

UI/UX Design Principles

UI/UX Design Principles

During this project I utilized necessary UX strategies such as conducting user interviews, analyzing the data received, deciding which features are important to the product, producing sitemaps and flows, making wireframes, and product testing that were learned during Phase 1 of Designlab UX/UI Academy.

Tools Used

Tools Used

During this project I utilized UX/UI design tools such as competitive analysis, user interviewing, affinity mapping, POV and HMW statements, user personas, storyboarding, project goals, feature sets, card sorting, site mapping, user and task flows, wireframes, responsive design, usability testing, and prototyping.

Branding

Branding

During this project I utilized UI/UX design branding tools such as color theory, typography and accessibility.

Ready to discuss your project?

Let's connect

Ready to discuss your project?

Let's connect

Ready to discuss your project?

Let's connect

Ready to discuss your project?

Let's connect