p1 · Client
Le client commande un produit
Du parcours catalogue au paiement Orange Money, suivez les 6 étapes typiques d'une commande sur la marketplace wari.pro.
- 1
Le client ouvre l'app et découvre le catalogue
À l'ouverture de l'app mobile, le client tombe sur un flux agrégé qui mélange les vitrines actives, les nouveautés et les promotions du moment. Il peut aussi suivre le fil de ses vitrines préférées (« Arrivages ») sans avoir besoin de chercher.
Capture d'écran à ajouter
Code & techniquevoir ▾masquer ▴
- 2
Il choisit une vitrine puis un produit
Le client entre dans la vitrine qui l'intéresse (ex. un commerce d'alimentation à Ouagadougou). Si la vitrine est privée, il devra demander un accès au gérant. Il consulte la fiche détaillée d'un produit : prix, variantes, photos, disponibilité.
Capture d'écran à ajouter
Code & techniquevoir ▾masquer ▴
- 3
Il ajoute au panier (multi-vitrines)
Le client peut accumuler des articles de plusieurs vitrines dans son panier — c'est un panier multi-tenant. À l'affichage, les articles sont regroupés visuellement par vitrine ; chaque groupe deviendra une commande distincte au checkout.
Capture d'écran à ajouter
Code & techniquevoir ▾masquer ▴
Backend Next.js
Modèles de données
- Panier
- PanierLigne
- 4
Il choisit le mode de paiement
Au moment du checkout, le client voit les modes de paiement acceptés par le gérant (Orange Money, Moov Money, Wave, cash à la livraison…). Les instructions USSD précises sont récupérées depuis la config de la vitrine et figées dans la commande pour traçabilité.
Capture d'écran à ajouter
Code & techniquevoir ▾masquer ▴
Backend Next.js
Mobile Expo
Modèles de données
- Commande.modePaiement
- Commande.instructionsPaiement
- 5
Il paie via USSD et confirme la commande
Le client compose le code USSD sur son téléphone (ex. *144*5#) — l'app lui donne les instructions exactes (montant, numéro bénéficiaire). Une fois l'opération terminée, il revient dans l'app et saisit la référence de la transaction. La commande passe à l'état EN_ATTENTE de validation gérant.
Capture d'écran à ajouter
Code & techniquevoir ▾masquer ▴
Backend Next.js
Modèles de données
- Commande
- CommandeLigne
- 6
Le gérant valide, le client est notifié
Le gérant reçoit une notification push dans son espace pro. Il vérifie la référence de paiement, valide (ou refuse) la commande. Le client reçoit alors un SMS / email de confirmation avec le récapitulatif, et peut suivre l'avancement (préparation, prêt au retrait, livraison) depuis son historique.
Capture d'écran à ajouter
Code & techniquevoir ▾masquer ▴
Backend Next.js
Mobile Expo
Modèles de données
- StatutCommande
- StatutPaiement
Concepts métier touchés
Chaque concept aura sa fiche dédiée dans une prochaine étape.