Asif Ha'ir App Design | Royi Berkovitz

THE CHALLENGE

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.

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.

Making it easy for businesses to provide donations in an easy, intuitive, and fast way and have them enjoy it.

BRAND VALUES

Innovation

Intuitiveness

Convenience

Simplicity

LOGO

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.

STYLE GUIDE

FONTS

ICONS

COLORS

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

donation cart

Choose quantity

by clicking +/- or by typing a number

Product type

New

contribution

My past

contributions

What can I

contribute

How it

works

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.

ONBOARDING SCREENS

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.

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

ADDITIONAL SCREENS

Setting the pickup request info

Submitted request

Approved request

Denied request message

SOCIAL SHARING

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.

WELCOME SCREEN

See everything you need to know as soon as you log-in.

ACTIVE 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 on the left

See end edit the volunteers' details

Change the details and save, or remove volunteer

ROUTE PLANNING

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.