HEARTBOX

A mobile app service that makes clothing donation easier.

Mockup.png
 
 

Heartbox is a mobile app whose primary goal is to make clothes donation more user-friendly. 

To achieve that, Heartbox works between different stores that provide donation service and the customers as a medium platform and provides three main features. 

 

Find a donation store

feature1-search store.gif
 
feature2.gif

Schedule A Pick-up Service

 

Check Donation Reward & History

feature3.gif

 

 
Screen Shot 2019-06-18 at 5.47.09 PM.png

 DESIGN PROGRESS

 

Discover

Find the Problem

User interview

Competitive analysis

Define

Persona

Hypothesis & Solution

Develop

Userflow

Prioritization Matrix

Card Sorting

Sitemap

Wireframe

Usertesting

Deliver

Motion Design

High Fidelity Prototype

Next Steps

Screen Shot 2019-06-20 at 8.26.37 PM.png




Discover

The problem

line.png
 



The problem I suspect is that clothes owners struggle to find an effective means of cleaning out unwanted clothes.



Discover

User Research

 
 

PEOPLE

I interviewed 5 targeted users who have the need to clean out unwanted clothes. Their occupations range from arts student to fashion designer and the age range is from 21-28.

GOALS

In these interviews, I am interested in knowing what are people’s views on unwanted clothes; what means do people use to deal with their unwanted clothes and what are the pain points people have when using those means.

 
 

FINDINGS

 
findings-01.png
 

PAIN POINTS

pain points.png
 

Discover

Competitive Analysis

 
 

BRANDS

I researched on four different stores. Goodwill, the traditional donation store that only takes donation; Buffalo Exchange, a vintage store where one can sell and buy clothes from, they also have donation service; Depop, an online second-hand clothes sell and buy platform; H&M, a clothes line that also has clothes recycling service

GOALS

To figure our what do the current services that deal with unwanted clothes look like and find the opportunities of improvements

ca-02.png
 

OPPORTUNITIES

opportunities.png

Define

 Persona

 
 
Screen Shot 2019-06-20 at 9.46.31 PM.png

Define

Hypothesis

 

After conducting different methodology research, I believe a mobile app that has delivery service, store search function and rewarding system for customers who want to donate clothes will help them to save time and efforts donating.

 

Screen Shot 2019-06-20 at 8.26.37 PM.png

Develop

Userflow

 
userflow.png
 

Develop

Feature Prioritization

 

I proposed a few different functions inside the app. By looking at the impact and development cost, I decided four most valuable features, which are

Store Search

Schedule Pick-up

Donation Tracking

Donation Reward System

matrix.jpg
 

Develop

Card Sorting & Sitemap

line.png
 

I wrote down elements the app should have to establish those features and did open card sorting with different people to figure out the structure of the app.

IMG_0038.jpg
 

Develop

WireFrame

line.png
 

Based on the card sorting results, I created my first wireframe. The first wireframe I created showed my first iteration of a search store function, a schedule pick-up service function, as well as a donation tracking feature where the user can see the route of his donated package.

wireframe1-all.jpg

Develop

Usertesting

line.png
 

Three Tasks

I created three different tasks testing those three feature(search for a donation store, schedule a pick up service, check previous donation) respectively with some users.

The three scenarios are:

  1. 1.Your name is Rita, you run out of closet space and need to clear things out, you decide to use the app to find the address of the nearest donation store and donate your unwanted clothes there;

  2. You run out of closet space and need to clear things out. Since you are very busy and do not own a car, you decide to use the clothes donation delivery service on the app to make a clothes pick-up appointment to deliver your unwanted clothes.

  3. You just donated some unwanted clothes and got a tracking number, you want to use the app to track where your clothes have been donated.

 

User feedback

Most of them could finish the tasks I assign but they also asked many questions.Some repeated common feedback are:

“Icons are confusing.”

“The map view does not provide enough information.”

“The location instruction is not clear enough.”

“The confirmation after making an appointment is confusing.”

And I also realized that I have not really show anything of the rewarding system

Based on the user testing, I refined my wireframes.

 

Develop

Refined wireframe

wireframe2-all.jpg

Clarify the search experience and enrich the map view

Compared to the previous version, I break down the whole search store progress to be more clear. I create both map view and list view of the stores. I also provide more details of each store.

Screen Shot 2019-06-23 at 5.39.07 PM.png

Redesign Confirmation Page

 

Use clear icons & add reward system

 

Deliver

Design Guide

line.png
 
 

Deliver

Final Prototype