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.
THE CHALLENGE
WHAT IS ASIF HA'IR
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.
Asif hair was 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.
I had to design two systems:
an app for the potential donating businesses
and a back-office system for the volunteers.
THE GOAL
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, While also making it easy for businesses to donate in an intuitive, fast way.
BRAND VALUES
Innovation
Intuitiveness
Convenience
Simplicity
THE BRANDING
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.
FONTS
COLORS
STYLE GUIDE
ICONS
THE MOBILE APP
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.
THE MAIN SCREEN
Product type
Add to your
donation cart
Choose quantity
by clicking +/- or by typing a number
New
contribution
My past
contributions
What can I
contribute
How it
works
Splash screen
Business details
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.
Login screen
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.
Introduction screen
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.
More details
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.
ONBOARDING
MAIN 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.
ADDITIONAL SCREENS
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
Submitted request
Approved request
Denied request message
SOCIAL SHARE
You are invited to share your good deed
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
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.
Automatic text with a link for posts
THE DESKTOP INTERFACE
The goal here was to make an interface that allows using simple and intuitive actions, such as drag & drop, in order to complete tasks.
The main screen lets the users see all the important tasks as soon as they log in. The info is displayed as messages with different topics, such as pending donations, new doners, drivers' status, etc.
MANAGING VOLUNTEERS
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
See end edit the volunteers' details
Change the details and save, or remove volunteer
ROUTE PLANING
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.
The Automatic assignment button to assigns routes easily
Switch between drivers to see different routes
The system allows manual changes in route assignment
ADDITIONAL SCREENS
Login screen
Active businesses
Donation history
An active business profile
Clicked past donation
