Six Feet Supplies​

WEB APP THAT CONNECTS AT-RISK INDIVIDUALS W/ COMMUNITY VOLUNTEERS.

 
6 feet mockup.png

OVERVIEW

In response to the COVID-19 pandemic, Six Feet Supplies was created to deliver resources and supplies for at-risk individuals, all at zero cost. Run by 10 high school students, including myself, we have recruited over 300 different volunteers to deliver over $50,000 worth of groceries around Southern California.

My web app has had over 15,000 visitors, thus leading to over 500 deliveries in 14 different cities. Our team's work resulted in national spotlight on CNN, LA Times, Newsweek, and more. Click here for an article about the site.


 

ROLE

Digital Product Director

Design Thinking, Information Architecture, UX/UI design, Site Prototyping & testing,

Site maintenance

TEAM
8 BOARD DIRECTORS, 2 PRODUCT MANAGERS



DURATION
MARCH 2020 - DECEMBER 2020

Providing at a time of need

THE PROBLEM

COVID-19 has left the immunocompromised disproportionately devoid of access to basic necessities, as they are forced to isolate in their homes.

 

As a result, residents in our home town, Santa Clarita, that are older or have underlying health conditions lacked the ability to retrieve groceries, or personal protective equipment. 

 

THE SOLUTION

We offer FREE delivery for groceries, items in limited supply (i.e dairy items, meat), or emergency supplies per the user's request.

Using sanitization procedures approved by local nurses, our volunteers deliver the user's supplies in a timely and careful manner.

 

Following our success in Santa Clarita, we expanded to 14 other cities around California.

 

UX Process

Given the urgency at the beginning of the pandemic, the design and development process took place in a matter of days in order to create the web platform and our organization's infrstructure as quickly as possible.

PITCH
PROPOSAL

USER
RESEARCH

RESEARCH ANALYSIS
& DESIGN

USABILITY TESTING

DAY 1

Identify the problem

Construct our solution

Competitor analysis

Determining success + measurables

DAY 2

Identify target users

Identify potential platforms

DAY 2

Understanding user needs

Developing a simple, user-friendly brand

Designing prototypes

DAY 3

Cognitive walkthrough

Heuristic evaluation (meeting WCAG guidelines)

Design interation

Site Wireframes

Creating the site wireframe in Figma, I iterated through several versions of the user journey for placing an order. Ultimately, I was able to develop an easy-to-follow and simple process.

sixfeet figma mockup.png

Design

Colors & Typography

HEADER & SUBHEADER

Futura Bold
Futura Light

BODY

Omnes

UI ELEMENTS

#FB7131

#3078BE

#FF9666

#647191

#DEDEDE

TEXT

#303030

#8F8F8F

#FFFFFF

BUTTONS

Primary Action
Secondary Action
Tertiary Action >

PRIMARY LOGO

SECONDARY LOGO

choose city.gif

CHOOSE A CITY

Users are given the option to choose from 14 different cities throughout Southern California, all of which have their own Six Feet Supplies branch in their community.

 

PLACE AN ORDER

User can place an order via the form component that I designed, where they can specify their desired items, quantity, and brand. Users can also denote the priority of the order, as well as payment method of choice.

 
order gif.gif
start branch.gif

START A BRANCH

The website also aims to assist those who were interested in volunteering to deliver groceries during this difficult time. Users can begin discussions to start their own Six Feet Supplies branch by following the steps that I laid out on the page.

 

ABOUT PAGE

Users can gather more information on the organization's upbringing, as well as our entire student team behind the whole thing. Check out my friends Zoe and Eric, the co-founders, who were featured on CNN.

 
about gif.gif
 

Our transformation

THE MEASURABLES​

 
 

17,000+

visitors

 

$45k+
worth of groceries delivered

14

different cities

 

9.8⭐

rating on SurveyMonkey

KHTS-FM-Logo-Website-V4.png
LA-Daily-News-sq.png
newsweek-logo-png-transparent.png
Signal_100th_logo_SINCE1919_web-800x225.
PGENTYQ45RAMRF5MT32R3AZA7Y.png
].png

AS SEEN ON...

What I've learned

1. Simplicity is strength.

As a designer, it is easy to spend time creating intuitive, out-of-the-box designs. However, it is important to remember the "why." The primary goal is to understand the user and their specific needs.

2. Continuously survey consumers about the user journey.

Efforts to continuously monitor customer satisfaction with the website died off very quickly. It is important to stay updated with the user's needs.

3. Don't be afraid to speak up during the design process.

It is important to remember that, even though specific ideas develop strong support, don't be afraid to speak up in opposition if you feel that the idea presents a challenge to the user.