Asif Ha'ir is an organization that delivers donations of food from the businesses that donate it, to the soup kitchens and volunteering organizations that use it to prepare meals for the less privileged.
Asif hair were having a problem with a few things:
They had to call all of their potential donation providers every day, hoping some of them would be able to donate food that day. Someone had to do it by phone, all day, every day.
They also had to calculate a collection route each day, manually,
for the drivers, so that the food would be collected and distributed
between the restaurants.
My class and myself were each given the task of creating and designing an app and a desktop system that will help businesses donate more easily, on one hand, and on the other - have a program that will create a route automatically for the drivers, with the option to change it later manually.
I had to design two systems:
an app for the potential donating businesses
and a back-office system for the volunteers.
Making it possible for the organization to screen through potential donations and match the accepted ones easily to the drivers, effectively, while creating awareness and attracting new businesses that will donate more food.
Making it easy for businesses to provide donations in an easy, intuitive, and fast way and have them enjoy it.
My aim was to design a logo that would not only look good, but also one that would be connected with food, without being too literal.
I chose to only go with one color because I wanted to keep the app as clean as possible, while keeping it simple.
THE MOBILE APP
The aim is to help businesses have an intuitive donating
experience and to spread the word using social media.
THE MAIN SCREEN
What I tried to achieve is an easy to use app, where the user can type in the first word of the product he wants to donate, and the search will display types of that product, for him to choose from.
In this case, the user searches for the word "Bread" and the app displays different kinds of bread (rye, olives etc.), plus the option to add a new product.
Donate a single unit, a package or in liters.
Add to your
by clicking +/- or by typing a number
What can I
THE HAMBURGER MENU
Since the main features of the app are displayed at the bottom menu, the other functions, which are not used as often, are found in this menu.
There are a lot of details we need to collect about each business, so I divided that to few screens, rather than placing all of them in a single screen with a scroll, in order not to scare the user from completing the process.
Notice how we thank our contributors on the main screen at the bottom (purple frame with rotating logos of past contributors), to attract new ones.
The client needs to know what he signed up for from the start. Plus, there's a progress bar at the bottom, to let him in he has already started a process, which should encourage him to finish the registration process he just started.
We needed to screen from the get go, which businesses are Kosher and which are not, since only Kosher businesses can donate food we can pick-up in our trucks. The non-kosher ones can deliver their contributions by themselves to a designated location in Tel-Aviv.
Logo upload screen
The idea is to personalize the user's interface so that he will feel like he is in a social network, a familiar environment, to keep him contributing food.
Scrolling down to add a new item
Adding a new item and quantity
The item is now in the cart
How sandwiches should be wrapped
Setting the pickup request info
Denied request message
From a marketing standpoint, with an app that doesn't "sell" anything, the only way we get more "clients" (businesses that will donate food) is to
An invite to share your good deed
Automatic text with a link for posts
have businesses share their good deed with others, in a way that will allow new businesses to get in touch with us.
For this reason, I've created a post with a link, so that new clients can read about our activity.
THE DESKTOP APP
Helping the organization work in an efficient manner and get better results.
The goal here was to make an interface that allows using simple and intuitive actions, such as drag & drop, in order to complete tasks.
See everything you need to know as soon as you log-in.
See which volunteers are on duty (green circle) and which are not (red circle), call or send a WhatsApp text, edit details etc.
Clicking a volunteer's button opens the screen shown below on the left
See end edit the volunteers' details
Change the details and save, or remove volunteer
On the map - see where a driver is and when he should arrive to his next stop
Everything works in a "drag & drop" system, so dragging an unassigned business name and dropping it on a driver's name will automatically add that business to the driver's pickup route. Nice and easy to use.