Le paiement mobile pour les Marocains qui vivent en cash.

# Rôle
Tu es un designer produit et développeur front-end spécialisé dans les applications fintech grand public pour les marchés émergents.

# Mission
Construis une maquette cliquable (prototype interactif) de SIFET, une application de paiement mobile pour le Maroc. Inspirée du modèle de Wave au Sénégal, elle permet à des Marocains qui vivent en cash d'envoyer, déposer et retirer de l'argent depuis leur téléphone.

Cette maquette servira à :
- la tester auprès de vrais utilisateurs (personnes non bancarisées, épiciers) ;
- la présenter à une banque ou un établissement de paiement partenaire, et à des investisseurs.

C'est une démonstration : aucun vrai paiement, aucun backend, aucune vraie donnée personnelle. Toutes les données sont fictives et stockées en mémoire.

# Contexte
Au Maroc, les portefeuilles mobiles existent mais sont peu utilisés : le cash domine. Le pari de SIFET est de rendre l'argent mobile aussi simple et proche que le cash, grâce à un réseau d'agents installés chez les épiciers de quartier (hanouts), où l'on dépose et retire son argent gratuitement.

# La marque
- Nom : SIFET, écrit صيفط en arabe. C'est le mot darija pour « envoie » : simple, populaire, tourné vers l'action.
- Le bouton principal d'envoi reprend ce mot (« Sifet » / « صيفط »), pour que la marque et le geste ne fassent qu'un.
- Logo provisoire : le nom SIFET en lettres latines et صيفط en lettres arabes, avec un symbole simple évoquant le mouvement ou l'envoi.
- Identité visuelle propre, chaleureuse et rassurante. Ne reprends ni le logo, ni les couleurs, ni la mascotte de Wave ou d'une autre marque existante.
- Propose 3 slogans courts, en darija et en français.

# Utilisateurs (personas)
1. Ahmed, 34 ans, ouvrier à Casablanca, smartphone Android d'entrée de gamme. Il envoie 500 DH par mois à sa mère au village.
2. Fatima, 61 ans, mère d'Ahmed, vit dans un village près de Taroudant. Elle lit difficilement et n'a pas de smartphone : elle utilise une carte QR SIFET et retire son argent chez l'épicier.
3. Si Mohamed, 45 ans, épicier à Casablanca et agent SIFET. Il encaisse les dépôts, paie les retraits de ses clients et touche une commission.

# Principes de design (non négociables)
- Simplicité extrême : une seule action principale par écran, gros boutons (48 px minimum), gros chiffres, icônes explicites, aucun jargon bancaire.
- Utilisable par une personne peu lettrée : chaque écran a un bouton haut-parleur qui lit la consigne en darija (synthèse vocale du navigateur ; à défaut, afficher le texte qui serait lu).
- Trois langues au choix : français, arabe et darija écrit en caractères arabes, avec un affichage de droite à gauche correct pour l'arabe et la darija. Vocabulaire darija courant : صيفط (envoyer), حط (déposer), جبد (retirer), الفلوس (l'argent).
- Transparence totale : les frais et le montant exact reçu s'affichent toujours avant la confirmation.
- Confiance : messages rassurants, confirmation par code PIN, reçu partageable après chaque opération.

# Règles de gestion (valeurs fictives, regroupées dans un fichier de paramètres modifiable)
- Dépôt : gratuit. Retrait : gratuit. Transfert : 1 % du montant.
- Plafonds selon le niveau de vérification d'identité : valeurs fictives paramétrables.
- Commission de l'agent par opération : valeur fictive paramétrable.
- Monnaie : dirham (DH). Numéros au format +212 6XX XX XX XX.

# Écrans à construire

## Parcours client
1. Choix de la langue.
2. Inscription : numéro de téléphone, code SMS (simulé), création d'un code PIN à 4 chiffres, photo de la CIN recto-verso et selfie (simulés).
3. Accueil : solde masquable d'un geste, trois gros boutons Sifet (envoyer), Déposer, Retirer, accès à « mon QR code », dernières opérations.
4. Envoyer : choix d'un contact ou saisie du numéro, montant sur un grand clavier, récapitulatif (montant, frais, montant reçu), code PIN, écran de succès avec reçu SIFET partageable sur WhatsApp.
5. Déposer : carte et liste des agents SIFET proches (nom de l'épicerie, distance, horaires), instructions simples, puis notification « votre compte est crédité ».
6. Retirer : saisie du montant, génération d'un QR code à montrer à l'agent, confirmation.
7. Historique : liste des opérations et détail de chacune.
8. Profil : langue, code PIN, plafonds, commande d'une carte QR SIFET, aide (appel et WhatsApp du service client).
9. Sur l'accueil, des tuiles grisées « Bientôt disponible » : Payer une facture, Payer un commerçant, Payer le taxi. Elles montrent la feuille de route aux investisseurs.

## Carte QR SIFET
10. Visuel de la carte de Fatima aux couleurs de SIFET, et parcours où l'agent scanne la carte puis la cliente tape son code PIN sur le téléphone de l'agent.

## Parcours agent (épicier)
11. Accueil agent : solde électronique, cash en caisse, commissions du jour.
12. Encaisser un dépôt ou payer un retrait : scan du QR du client, saisie du montant, confirmation.
13. Historique et commissions du mois.
14. Autocollant « Agent SIFET » à afficher sur la vitrine de l'épicerie (visuel).

## Mode démonstration
15. Un écran de lancement avec trois scénarios accessibles en un clic :
   - « Ahmed envoie 500 DH à sa mère »
   - « Fatima retire son argent chez l'épicier »
   - « Si Mohamed encaisse un dépôt »
   et un bouton pour basculer entre le mode client et le mode agent.

# Contraintes techniques
- Prototype web mobile-first (largeur 360 à 414 px), navigable de bout en bout, sans backend.
- Données fictives réalistes : prénoms et villes marocains, montants en DH.
- Tous les textes rassemblés dans un fichier de traduction par langue, pour faciliter les corrections.
- Lisibilité : contrastes forts, police de 16 px minimum.

# Méthode
1. Propose d'abord, en quelques lignes, l'arborescence des écrans, la palette de couleurs et les 3 slogans.
2. Construis ensuite le prototype complet, en commençant par le parcours d'Ahmed.
3. Termine par la liste des hypothèses que tu as prises et des points à faire valider par de vrais utilisateurs.