Aller au contenu
FiveX
Logiciel

Krunch — commande et livraison de poulet frit

Trois applications dans un seul binaire. Le client commande et suit la livraison, le livreur accepte les courses et suit ses gains, et la cuisine tient un tableau de commandes en direct et son propre reporting — chacun se connectant au rôle qu'il occupe. La page d'accueil sert directement l'APK en attendant Google Play.

Télécharger l'application
Plateforme
Application Android
Secteur
Livraison de repas
Année
[YYYY]
Durée
[N] semaines
L'accueil client de Krunch : l'en-tête KRUNCH au-dessus d'un champ de recherche, une carte promotionnelle pour du poulet frit frais, et une rangée « Populaire en ce moment » avec les prix en dinars.

Écrans

client

  • La première carte d'accueil, Le menu : une toque illustrée au-dessus de la ligne « tout ce que nous faisons frire, au même endroit », avec seaux, burgers, ailes et wraps annoncés dessous et un décompte de catégories et de plats.
  • La deuxième carte d'accueil, La cuisine : un cuisinier au-dessus des flammes, à côté de la promesse que rien n'attend sous une lampe, avec un suivi de préparation en direct et une notification à chaque étape.
  • La troisième carte d'accueil, La livraison : un livreur sur un scooter aux couleurs de la marque, au-dessus des promesses de suivi cartographique en direct, d'une messagerie avec le livreur et de points de fidélité sur chaque commande.
  • L'accueil client : une salutation par le prénom, un champ de recherche, une carte promotionnelle à durée limitée, et une rangée « populaire en ce moment » avec les prix en dinars.
  • La page d'accueil défilée : une liste « commander à nouveau » de plats déjà pris, une bannière d'offre exclusive, et une section « cuisines près de chez vous ».
  • Le menu complet : un champ de recherche, des filtres par catégorie, un décompte de plats et un tri, au-dessus d'une grille à deux colonnes où un article affiche son prix d'origine barré.
  • Le menu filtré sur le poulet : quatre plats en grille à deux colonnes, chaque carte portant une photographie, une note, un indicateur de piquant et un prix.
  • Le panneau de tri ouvert sur le menu, proposant les plus populaires, prix croissant, prix décroissant et le plus rapide, le choix courant coché.
  • L'état panier vide : une illustration au-dessus d'une phrase disant que les friteuses tournent et qu'une commande arrive en vingt à trente minutes, un bouton vers le menu, et une liste « ce que tout le monde commande » dessous.
  • La page d'un plat : une grande photographie, une note, un temps de préparation, des indicateurs d'énergie et de piquant, une description, et un choix de taille obligatoire indiquant l'écart de prix à côté de chaque option.
  • La suite de la même page : un niveau de piquant obligatoire, du doux au mélange habanero maison, une liste de sauces optionnelles dont la première est offerte, et un champ de note libre.
  • La liste des commandes du client : un onglet actif à côté d'un onglet historique, et une colonne de cartes portant chacune sa référence, son étape en cuisine et son créneau d'arrivée.
  • Le profil client : le nom et le numéro du compte, une carte de fidélité avec un solde de points et une barre de progression vers le palier suivant, puis adresses, moyens de paiement, favoris et un choix d'apparence clair, sombre ou automatique.
  • L'écran de fidélité : un solde de points avec la distance au palier suivant, le taux de gain expliqué, une carte à tampons partiellement remplie, un solde de portefeuille, et la liste des paliers avec le palier courant marqué.
  • Le même accueil client en thème sombre, la carte promotionnelle et la rangée des populaires conservant leur mise en page sur un fond presque noir.
  • Le panier avec un article : un choix livraison ou retrait, le créneau d'arrivée et les frais, le plat avec ses options retenues, une rangée de suggestions d'accompagnement, un champ de code promo, et un sous-total au-dessus du total.
  • Le paiement : la succursale, une adresse enregistrée, un choix entre « dès que possible » et une heure programmée réglée sur un cadran, et le moyen de paiement au-dessus du bouton de commande.
  • La confirmation de commande : une coche dans un anneau, la succursale qui s'y met, la référence, le créneau d'arrivée et le montant, puis des boutons pour suivre la commande ou revenir à l'accueil.

livreur

  • Le livreur hors service : son nom, sa note et son nombre de courses, l'interrupteur de réception des offres désactivé, les gains, pourboires et courses du jour, un anneau d'objectif quotidien, et un panneau expliquant que rien ne lui parvient hors service.
  • Le même livreur en service : l'interrupteur est activé et le panneau annonce des offres à proximité, poussées dès qu'elles lui reviennent, avec sa zone et ses heures de pointe dessous.
  • Les gains du livreur : un total depuis le début de la semaine avec les courses et la moyenne par course, les chiffres du jour, et un histogramme détaillant la semaine avec le meilleur jour mis en avant.
  • Le compte du livreur : des anneaux de note, d'acceptation et de ponctualité, un total de courses, des interrupteurs de préférence pour les offres et les alertes sonores, et des liens vers documents, véhicule et assistance.

restaurant

  • La vue d'ensemble du restaurant : une salutation au responsable, un interrupteur d'acceptation des commandes avec le nombre de commandes en cours et le temps de préparation moyen, des raccourcis vers le tableau en direct, le menu, les publicités et les rapports, puis le chiffre du jour et un graphique des commandes par heure.
  • La vue d'ensemble défilée : deux nouvelles commandes au-dessus d'un classement des meilleures ventes du jour, chacune avec une barre indiquant sa part.
  • La fin du même écran : un avertissement indiquant qu'un article est en rupture, puis un panneau d'équipe listant le personnel pointé, chacun avec son poste et un statut en service, en pause ou absent.
  • Le tableau des commandes en direct, avec des onglets toutes, nouvelles, en préparation et prêtes. Chaque carte liste le client, l'adresse, les articles et leurs options, et porte des actions pour annuler ou faire avancer la commande ; l'une est signalée en retard.
  • La file d'attente : un interrupteur d'alerte sonore qui sonne jusqu'à acceptation et un interrupteur d'acceptation automatique laissé désactivé, au-dessus de deux commandes en attente offrant refuser, ouvrir l'alerte et accepter.
  • Le gestionnaire de menu : un décompte d'articles et de ruptures, un champ de recherche, des filtres par catégorie, un interrupteur pour n'afficher que les ruptures, et des lignes de plats avec temps de préparation, prix et interrupteur de mise en ligne.
  • La première moitié du formulaire de nouveau plat : un plat sans titre au prix par défaut, une zone de dépôt de photo conseillant une prise carrée et bien éclairée, une rangée de glyphes de repli en l'absence de photo, et les champs nom et accroche.
  • La seconde moitié du même formulaire : trois champs de prix, des filtres de catégorie dont un sélectionné, un niveau de piquant, une rangée d'étiquettes, et des interrupteurs de visibilité pour la disponibilité, le badge meilleure vente et le badge nouveauté.
  • Réglages et rapports : des interrupteurs pour l'acceptation des commandes, l'acceptation automatique et les alertes sonores, un temps de préparation par défaut avec une note indiquant l'ajout automatique de dix minutes au-delà de huit tickets ouverts, et la liste des succursales avec horaires et état d'ouverture.
  • L'écran de reporting : chiffre d'affaires et nombre de commandes avec indicateurs d'évolution, répartition des ventes par plat, actions d'export et d'envoi, et le planning des équipes dessous.

compte

  • L'écran de connexion : le logotype au-dessus d'un champ téléphone préfixé +213 et réservé aux numéros algériens, une rangée de trois rôles, un bouton d'envoi de code, et les alternatives Google et Apple.
  • L'écran de création de compte : un champ nom au-dessus du même champ téléphone, et trois rôles côte à côte — client pour commander et suivre, livreur pour livrer, personnel pour tenir la cuisine.

Technologies

  • Android
  • Next.js
  • Vercel
  • GitHub Releases

Étude de cas suivante

Dites-nous où le système casse.

Une seule équipe senior, cinq disciplines, aucune passation au milieu. Envoyez-nous la contrainte et nous vous dirons ce que nous construirions.

Démarrer un projetRéserver un appel technique