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.

⪼

VISIT THE WEBSITE

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

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 >

PRIMARY LOGO

SECONDARY LOGO

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.

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.

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.