top of page
sixfeet.jpg

SIX FEET SUPPLIES

WEB APP THAT CONNECTS AT-RISK INDIVIDUALS IN NEED OF SUPPLIES W/ COMMUNITY VOLUNTEERS.

 

OVERVIEW
 

COVID-19 has left the immunocompromised disproportionately devoid of access to basic necessities, as they are forced to isolate in their homes. In response, 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 volunteers to deliver over $50,000 worth of groceries around Southern California.

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.

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.

MY ROLE

Founding designer

UX/UI design

User Research

Site Prototyping

Information Architecture

DURATION

Mar 2020 -- Aug 2020

TEAM

8 BOARD DIRECTORS, 2 PRODUCT MANAGERS

six feet 3.png

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 & BEYOND

Cognitive walkthrough

Heuristic evaluation (meeting WCAG guidelines)

Design interation

Address inefficient user flows

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 >
SIX FEET SUPPLIES LOGO.png

PRIMARY LOGO

SIX FEET SUPPLIES 2nd LOGO.png

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
WIREFRAMING

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
Anchor 1
IMPACT

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

17,000+

visitors

 

$45k+
worth of groceries delivered

14

different cities

 

9.8⭐

rating on SurveyMonkey

AS SEEN ON...
la-times.png
CNN_International_old.png
KHTS-FM-Logo-Website-V4.png
newsweek-logo-png-transparent.png
Signal_100th_logo_SINCE1919_web-800x225.
LA-Daily-News-sq.png
PGENTYQ45RAMRF5MT32R3AZA7Y.png
].png
bottom of page