Dignity Meals - Header.png
Dignity Meals - Research.png
Dignity Meals - Design Process.png
Dignity Meals - Visual Design.png
Dignity Meals - Header.png

Dignity Meals


Bringing communities together, one meal at a time.

SCROLL DOWN

Dignity Meals


Bringing communities together, one meal at a time.



Project Scope


Dignity Meals is a Chicago-based startup looking to design an intuitive, easy-to-use mobile application that matches food donors with volunteers in their local areas to redistribute this normally wasted food to needy families.
 

Client:  Designlab + Dignity Meals

Project Type:  Mobile app design and branding

Roles:  Project Manager, UX Researcher, UX/UI Designer, Branding

 

← TRY ME! I'm interactive!

 
Problem
Four team members set out to eradicate world hunger in 2013, but haven’t been able to figure out how to attract donors and volunteers. Regulation, liability, and accountabilitiy questions remain unanswered.

The original idea was to connect local volunteers with needy families by collecting leftovers from local businesses and distributing the leftovers. Now, the team is leaning towards collecting leftovers from establishments and selling these lefteovers to to farms, fertilizer companies, and other agriculture partners who can use it for other uses.
 
Solution
Taking the original concept of connecting volunteers to needy families, a few barriers were placed to tackle liability and accountability. The new app is designed as a platform that connects donors (local businesses and establishments) with volunteers and recipient organizations (local volunteer organizations).
Dignity Meals - Research.png

Research


Research


Research Plan
 

The What:  Figuring out WHERE the food would come from was the biggest question that needed to be addressed. These are the questions we were determined to answer by interviewing local business owners:

  • What do businesses currently do with leftovers?
  • Are there current protocols in place that limits the establishment’s ability to donate any leftovers?
  • Does the business currently donate to local charities and/or organizations? If not, what are some concerns they have?
  • If there was an app that allowed the business to easily schedule pick ups (where a volunteer would come by to pick up the donation), would they consider it?

The Who:  To find these answers, local business owners were interviewed in-person. Most businesses provided responses were small mom-and-pop shops. Businesses that had multiple locations or were part of corporations were also interviewed.

 

Research Findings
 
  • Most business owners expressed interest in donating leftovers to those in need, but currently had no convenient way of doing so
  • Most were already trying to find more ways to connect with their community
 
  • Some businesses had implemented ways to cut down on food waste (ex. cook to order, reuse ingredients,brought food home, etc.) because they had not considered donating
  • Those who didn’t donate were worried about liability - “What if someone got sick from our food?”
 
  • Locations that were part of corporations had current protocols in place that prevented local stores from donating (or giving back) to the community for liability reasons
 
Dignity Meals - Design Process.png

Design + Interaction


Design + Interaction


 
Launch Page


Version One (left) - The initial iteration provides two separate buttons for the user to choose - Sign Up or Sign In.

It also showcases Dignity Meals’s logo as the main image.

 

Final Version (Right) - The final iteration provides one button which will bring the user to a page where they can enter their email and password.

Existing users will be brought to their home page.

New users will be brought to the beginning of the sign up process.

 

Sign Up Flow
Version One
  • Sign up steps were initially broken out into individual screens
  • Volunteers are required to commit to a certain number of volunteer hours
  • They are also required to provide their availability - this was to help Dignity Meals determine if the volunteer would meet certain needs
Final Version
  • Actions pages were condensed into one page followed by a confirmation screen recapping submitted information.
  • This info gets sent to Dignity Meals. Staff members will run a background check on all volunteers, businesses, and organizations who wish to join the Dignity Meals platform.
  • All users will receive a final confirmation email once they’ve passsed their background check.

Home Page
Version One

This iteration was designed with the thought of having everything visible in one place. This option did not require a menu as everything was accessible from the home page.

Final Version

This final iteration involves placement of icons. Icons are located at the bottom of the screen to accomodate users who have phones of various sizes. Commonly used icons are placed on the home screen.

Version Two

This iteration was designed to engage the user. The idea was to provide motivation to continue volunteering by showing their current progress.

 

Commonly used icons are placed on the home screen while secondary functions are nested away in the menu.



Availability
Version One


(Left) Volunteers can view/update their availability by specific days.

The original design featured collapsible menus which showcased the current availability for the day when the menu was not opened.

To update their availability, the user would select the day they’d like to update and the menu would open.
 
(Right) In this final version, volunteers can view/update their availability by specific days.

Collapsible menus were removed and a slider bar was introduced where a user could tap the day they’d like to update or slide over to it. Users can also save changes by day.
Final Version

Schedule + Extra Pickups
 

Version One - The initial iteration of these screens featured collapsible menus and a toggle button that allowed a user to switch between the list and map views.

 
 
 

Final Version - Both the list view and map view were combined into one page. A toggle button was added to the Extra Pickups page to allow the user to see where the extra locations fall on their scheduled route.

 
Dignity Meals - Visual Design.png

Visual Design


Visual Design


Color Palette

Color Palette.png
Typography

SF Republic SC

A B C D E F G H I K J K L M N O P Q R S T U V W X Y Z

a b c d e f g h i j k l m n o p q r s t u v w x y z

1 2 3 4 5 6 7 8 9 0

 

SF Republic

A B C D E F G H I J K L M N O P Q R S T U V W X Y Z

a b c d e f g h i j k l m n o p q r s t u v w x y z

1 2 3 4 5 6 7 8 9 0

 
App Background

Buttons