Preparing your own garage sale is often a daunting task. It’s also difficult for potential buyers to discover your merchandise. I designed an experience that makes it easier for sellers to intelligently inventory their goods, and help bargain hunters find the needle in a haystack.
Role: Sole UX and UI designer Time: 12 Hours
Research and Benchmarking
I began researching competitor products to determine what improvements could be made within this space. I discovered common issues such as poor UI design, confusing UX flows, and basic filters and search features. The products all seemed to share the same small unorganized community; buying and selling amongst themselves.
How Might We...
To find opportunities for design, I asked myself questions that allow for a variety of solutions. By visually seeing these questions I was able to focus on the product goal and begin design ideation.
Help Buyers find the “Needle in the Haystack”
Help Sellers intelligently inventory their goods
The Golden Path
To best design for the products' purpose, I create user flows that aim to fulfill the user's main goal in completing a task. In this instance, there are two types of users, "Buyers" and "Sellers". Each user is provided their own user flow with the simplest path to complete their main goal. This step helps me visualize the time and effort it takes to use the app. It also highlights weak points in the flow that need adjusting.
I begin all projects by brainstorming with pen and paper. I explore ideas, designs, layouts and concepts before I begin working on the computer.
I use my sketches and notes as a starting point when designing low fidelity wireframes in Sketch, Illustrator, Omnigraffle, or Axure. When I have completed all the screen designs needed to achieve "The Golden Path" I develop a prototype for user testing. The testing helps me visualize and learn the user's journey in real time. With the knowledge I receive from user testing, I can continue my goal in creating the cleanest and simplest user experience.
Below is an active prototype developed with Marval app using the above wireframes.
Click through to explore the user flow.
Using my wireframes as a guide, I designed the UI using the fundamentals of print design. I used bold block colors and simple illustrations so not to distract from the photos of products for sale. The design has a meaningful hierarchy for easy and quick reading and is clean and fresh to contrast the used items for sale.
Below is a design brief explaining my thought process.
I chose to design these three screens because they contain elements that competitor products did not have. Most apps had a Pinterest-like photo gallery home page. I designed the landing page as a map to best filter the garage sales and to embrace how garage sales naturally work.
Many competitor products mimic eBay. I designed this app to focus on the user's goals. The app helps the user focus on either buying or selling. Buyers can scan local garage sales, broaden their search, or search by group sales / categories. Sellers can choose to have a large garage sale with only their items or sell single items they can add to a group sale or categories. This helps single items get better coverage. An additional feature is allowing the seller to determine if an item is shippable or only for pickup.
Finally, instead of showing what an item page would look like, I decided to show how an unsold item would appear to the seller. The user has the option to either re-list the item or donate it. If the user chooses to donate, a local Goodwill or Salvation Army location will come and pick up the items. The app also partners with Uber for when an item is sold. If the buyer can not pick up the item, a Uber delivery driver will pick up and deliver purchased items.