top of page
Banner.png

Designing UI for food delivery mobile App

UX DESIGN · PROTOTYPING · WIREFRAME · UI DESIGN

3 DESIGNERS | 4 MONTHS

Let's talk about Food Haven

Food haven is American’s Surplus management marketplace. They’re providing restaurants with the ability to sell menu items using ingredients nearing expiration to eliminate their food work.

About my role

I worked as a UI/UX designer for Food Haven Mobile App & website design.

I was joined by 2 in-house designers, 1 developer very closely.

Product goals

  • Customers save money and try new restaurants.

  • Understand where product, team & design needs to work.

  • Efficient checkout process to save users time and allow for easy purchase of products.

  • Give your customers a variety of options.

Understand what competitors are offering

Market with biggies like Grubhub & Uber eats we need to know what we stand against.

Know our users

Food Haven provides services within San Francisco and we have to make sure it's different in style. It's important that we much reach out to a variety of users who had great & horrible experiences understand problems & their whole experience

The enthusiastic team was involved in the process, I helped them create a question guide & we created timing charts to work together.

40 users, 1700 minutes phone call later

We documented all details of each call and highlighted user goals, needs & motivations, and understand them better

"I always spent too much on food delivery with service charges, and food was a big issue it was really bad".

App-design-layout.png
With-shadow.png
Without-shadow.png
With-shadow.png
Without-shadow.png

Main screen

Users can choose food in places categories, among popular food or special offers, and also by using filter icon

Onboarding

Welcome screens introduce new users to the main app features

Apple.png
google.png
Line-2.png
Line-1.png

One of the issues I was facing was with the food info details.

OLD-.png

Before 

After

Main Menu

Result

4x increase in weekly active recurrent users in 3 months

Key learnings

  • Working remotely: It requires extra effort to communicate clearly. I learned to set intentional time to explain my thought process.

  • Working with a front-end developer: It helped me learn a lot about how to develop responsive web applications more efficiently.

  • As a designer in the team, I became the spokesperson of the product inside and outside.

bottom of page