Foodizone Mobile App
Conception et développement

À PROPOS DE'FOODIZONE

Une solution B2B pour les restaurants pour gérer toutes les commandes de tiers comme Talabat, Zomato, Deliveroo en utilisant un seul tableau de bord. Elle offre également la possibilité de créer un menu à un seul endroit, puis de le télécharger vers plusieurs agrégateurs. Il comprend également un système de gestion des stocks pour assurer le suivi de l'inventaire.

CONTRÔLEZ PLUSIEURS CUISINES VIRTUELLES À L'AIDE D'UNE SIMPLE SOULTION EN LIGNE

ÉNONCÉ DU PROBLÈME:

Ajouter plusieurs agrégateurs tiers et les relier à un seul tableau de bord pour faciliter le processus de création des éléments de menu et la réception des commandes par le biais de ces agrégateurs.

CHALLENGE:

Relier plusieurs agrégateurs, ajouter leurs API et supprimer toutes les limitations causées par les systèmes de tiers était le véritable défi que l'équipe du studio DA a réussi à relever.

SOLUTIONS:

  • Créez des éléments de menu avec plusieurs options d'offres et de combinaisons.
  • Télécharger la fonction Menu ainsi que les offres et les combinaisons vers les tableaux de bord des agrégateurs via leurs API.
  • Réception des commandes directement dans le tableau de bord de Foodizone lorsqu'elles sont reçues dans le tableau de bord des agrégateurs.
  • Fonctions de gestion des succursales et des employés de chaque succursale.
  • Système de gestion des stocks pour les restaurants.
  • Tableau de bord pour l'analyse et les rapports sur les commandes, les ventes et les utilisateurs.
  • Un tableau de bord distinct pour chaque niveau d'utilisateur, comme la marque, la succursale, le directeur et les employés.

PROCESSUS DE CONCEPTION

01 DÉCOUVREZ
  • Entretien avec l'utilisateur
  • Recherche sur les utilisateurs
  • Analyse concurrentielle
02 DEFINIR
  • Carte de l'empathie
  • Carte du voyage
  • Persona
03 IDEE
  • Flux d'utilisateurs
  • Tri des cartes
  • Architecture de l'information
04 DESIGN
  • Wireframe
  • Visual Design
  • Prototype
05 TEST
  • Test d'utilisabilité
  • Test d'utilisabilité
  • Test d'utilisabilité

LE FLUX D'UTILISATEURS ET LE WIREFRAMING

Nous avons dessiné mon design basse fidélité sur Figma pour construire les wireframes. Au début, il était simple, sans couleur, sans même une image réelle. Avant de construire mon application avec des éléments de haute fidélité, c'était mon design de base. C'est notre premier guide pour le wireframing. Mais parfois, nous avons sauté ce processus pour le wireframing..

GÉRER LES COMMANDES SUR PLUSIEURS PLATEFORMES

Nous avons adopté des approches de développement axées sur le comportement afin de favoriser la collaboration entre l'équipe côté client et l'équipe de développement Web dans les différentes branches, ainsi que des communications transparentes.

Menu de commande

Les images montrent la qualité et la clarté de l'offre des restaurants. L'attrait visuel est un facteur important pour une bonne expérience utilisateur.Les images montrent la qualité et la clarté de l'offre des établissements. Une expérience utilisateur réussie repose en grande partie sur l'attrait visuel. Dans la carte de commande spécifique, il y a une option pour accepter ou refuser la commande..

Rapports de commande

Nous pouvons sélectionner le fournisseur dans le menu ci-dessus, et nous pouvons voir les résultats pour chaque fournisseur. J'ai utilisé Airtable this pour compiler toutes les données et collaborer sur celles-ci. Les spécifications complètes des rapports ont été rassemblées dans un seul tableau de données basé sur le cloud. Le tableau contenait deux onglets : un pour les spécifications de chaque rapport et un autre pour une liste de tous les types de lignes utilisés dans le rapport..

Modèle de processus:

Agile Methodologies (Scrum).

Outil utilisé:

Design: Zeplin, Figma

Mobile Apps: Anguler

Backend: Node.js, Mongo DB

Durée du projet:
10Semaines 18+Pages web

BRANDING

BRANDING

Titre Heading
Chef de file 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
Bouton En savoir plus
Palette de couleurs
Marque Typface: Metropolis

Aa

SF Pro

AaBbCcDdEeFfGgHhIiJjKkLMmN
nOoPpQqRrSsTtUuVvWwXxYyZz

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

MAQUETTES HAUTE FIDÉLITÉ