Foodizone Mobile App
Design & Development

foodizone-screen
foodizone-store

ABOUT FOODIZONE

DA Studio, website development company in dubai, introduces Foodizone

A B2B solution for restaurants to manage all third party orders like Talabat, Zomato, Deliveroo by using a single Dashboard. It also provide an option to create Menu at one place and then upload it to multiple aggregators. It also includes an inventory management system to keep track of the inventory.

burger-1 burger-1

CONTROL MULTIPLE VIRTUAL KITCHENS WITH A SIMPLE ONLINE SOULTION

foodizone-computer

PROBLEM STATEMENT:

Adding multiple third party Aggregators and linking them on single Dashboard to make the process easier of creating the Menu Items & receiving orders through those aggregators.

CHALLENGE:

Linking multiple aggregators and adding their APIs and removing all the limitations caused by the Third parties systems was the real challenge which DA studio team successfully achieved.

foodizone-couple

SOLUTIONS:

  • Create Menu items with multiple Deals & Combos options.
  • Upload Menu feature along with Deals & Combos to Aggregator Dashboards through their APIs.
  • Receiving Orders directly to Foodizone Dashboard when its received in Aggregators Dashboard.
  • Features to Manage Branches & Employees of each Branch.
  • Inventory management system for the restaurants.
  • Dashboard for Analysis & Reporting about the orders, sales & users.
  • Separate Dashboard for each user tier like, Brand, Branch, Manager & Employees.

DESIGN PROCESS

01 DISCOVER
  • User Interview
  • User Research
  • Competitive Analysis
02 DEFINE
  • Empathy Map
  • Journey Map
  • Persona
03 IDEATE
  • User Flow
  • Card Sorting
  • Information Architecture
04 DESIGN
  • Wireframe
  • Visual Design
  • Prototype
05 TEST
  • Usability Testing
  • Userflow Testing
  • Design Testing

USER FLOW AND WIREFRAMING

We drew my low fidelity design on Figma to build the wireframes. At the first, it was simple, colorless, even without a real image. Before we built my design app with high fidelity elements, this was my basic design.This is our first guide for wireframing. But sometimes, We skipped this process to Wireframing.

foodizone-g-1
foodizone-g-2
foodizone-g-3
foodizone-green
foodizone-screen-2

MANAGE MULTIPLE PLATFORMS ORDERS

We adopted Behavior-driven Development approaches to bring collaboration between client-side team and web development team across the various branches along with seamless communications.We designed a common back-end system by inclusion of all functions and features to address the needs of each domain

foodizone-circul-2

Order menu

Images display quality and clarity of what the restaurants offer. Visual appeal is a great factor for a good user experience.The images show the quality and clarity of the establishments' offerings. A successful user experience relies heavily on visual appeal. In the specific order card, there is an option to accept or deny the order.

Order Reports

We can select the provider from the menu above, and we can see the results for each provider. I used Airtable this to compile all of the data and collaborate on it. The complete reporting specification was assembled into a single cloud-based data table. The table contained two tabs: one for each report's specifications, and another for a list of all the row kinds used in reporting.

foodizone-circul
Process Model:

Agile Methodologies (Scrum).

Tool Used
foodizone-tool

Design: Zeplin, Figma

Mobile Apps: Anguler

Backend: Node.js, Mongo DB

Project Duration
10Weeks 18+Web Pages

BRANDING

BRANDING

foodizone-grren-logo
Title Heading
Lead Lorem Ipsum Lorem Ipsum is simply dummy text of the printing and typesetting industry Lorem Ipsum Lorem Ipsum is simply dummy text of the printing and typesetting industry Lorem Ipsum
Paragraph Lorem Ipsum Lorem Ipsum is simply dummy text of the printing and typesetting industry Lorem Ipsum Lorem Ipsum is simply dummy text of the printing and typesetting industry Lorem Ipsum Lorem Ipsum is simply dummy text of the printing and typesetting industry
Button Learn More
Color Palette
Brand Typface: Metropolis

Aa

SF Pro

AaBbCcDdEeFfGgHhIiJjKkLMmN
nOoPpQqRrSsTtUuVvWwXxYyZz

0123456789
!*@$%&#)/.,

HIGH FIDELITY MOCKUPS

foddizone-mockup-1
foddizone-mockup-2
foddizone-mockup-3
foddizone-mockup-4
foddizone-mockup-5
foddizone-mockup-6