Three food route application screens

Food Route Design

Client:

Adobe Design Challenge

Role:

Team leader, logo designer, created/compiled most checkpoint deliverables, designed request support flow

Time:

2 Weeks (Sep 25th - Oct 12 2020)

Team:

3

Category:

User research

Skills:

Moodboard creation, Persona creation, Wireframes,Visual design, High-Fi prototyping

TLDR

As part of an two-week Adobe Design Challenge, this app aims to provide an intuitive community-based platform for individuals unable to go grocery shopping and to receive assistance by arranging for other users to make grocery store runs on their behalf. The purpose is to allow people in the high-risk category for Covid-19 to obtain groceries with less risk by having others do it for them.

Problem

Food insecurity is an issue in Detroit, Michigan. The public transportation system is notoriously faulty, and the number of unhealthy food options far exceeds the number of healthy ones. The pandemic’s impact has exacerbated the situation further by making routine trips to the grocery store a life-threatening endeavor for individuals classified in the “high-risk” demographic group (e.g., elderly, immunocompromised) for COVID-19.

A Solution

Food Route: a mobile application that provides an intuitive community-based platform for individuals to give and/or receive assistance to one another in the era of COVID-19. Food Route focuses on two groups of individuals that can switch roles at any time of their choosing:

  1. Volunteers - those that can offer assistance in one or more of the following: Food donation, the offering of rides to the grocery store, and picking up groceries for vulnerable individuals that cannot venture out during the pandemic
  2. Recipients - those that require assistance making trips to/purchasing items from the grocery store safely.

Main Features

  1. The ability to request assistance - recipients can post requests for rides to the grocery store, for volunteers to pick up groceries on their behalf, or for food donations
  2. The ability to offer assistance - volunteers can post available times
  3. Maximize Resources - a hub for information on maximizing the usage of limited food resources
  4. Community Offerings - a feed that showcases user postings of where to find food, which can be from a local food pantry or a recipient’s donation of cooked or non-perishable food

Moodboard

A collage of images that inspired the project
A collage of images that inspired the project

Persona 1: Sheila

Sheila persona
Represents a user in need of assistance (e.g., someone to pick up groceries from the store)

Persona 2: Paul

Paul persona
Represents a user that can provide assistance with food donation

Persona 3: Johnathan

Johnathan persona
Represents a user that can provide assistance (e.g., giving rides to the grocery store)

Application Flow

Food Route application user flow diagram
Food Route application user flow diagram

Style guide

    Food Route color palette and typography
    Food Route color palette and typography
    Food Route elements, icons, images
    Food Route elements, icons, images

A few screenshots of the application

    Onboarding screen 1
    Onboarding screen 1
    Onboarding screen 2
    Onboarding screen 2
    Onboarding screen 3
    Onboarding screen 3
    Onboarding screen 4
    Onboarding screen 4
    Onboarding screen 5
    Onboarding screen 5
    Onboarding screen 6
    Onboarding screen 6
    Volunteer screen 1
    Volunteer screen 1
    Volunteer screen 2
    Volunteer screen 2
    Volunteer screen 3
    Volunteer screen 3
    Volunteer screen 4
    Volunteer screen 4
    Recipient screen 1
    Recipient screen 1
    Recipient screen 2
    Recipient screen 2
    Volunteer screen 3
    Volunteer screen 3
    Volunteer screen 4
    Volunteer screen 4
    Volunteer screen 5
    Volunteer screen 5