← TravauxÉtude de cas 03 / 04Application mobile UX/UI
Subscrib



Une application qui aide les commerçants à générer des revenus récurrents grâce à l’abonnement : un coiffeur propose cinq coupes par mois pour un prix fixe, un restaurant deux repas.
Problème
Le revenu d’un commerce de proximité dépend de la venue ponctuelle de ses clients. L’abonnement, courant dans le numérique, reste rare chez le coiffeur ou au restaurant : il manque un outil simple pour le proposer et pour le comprendre côté client.
Réponse
Une app à deux profils, client et entreprise. Côté client, un onboarding qui cerne les habitudes (centres d’intérêt, fréquence de sortie), recommande une formule, puis fait découvrir les commerces du réseau autour de soi.
Contexte
Subscrib aide les commerçants à générer des revenus sous forme d’abonnement. Pour un prix fixe, un client a droit à un nombre de prestations par mois : cinq coupes chez son coiffeur, deux repas dans son restaurant.
- Deux publics dans la même app : le client qui s’abonne, l’entreprise qui propose — le choix se fait dès l’inscription (« Vous êtes ? Client / Entreprise »).
Parcours
Le parcours client a été pensé pour arriver à la bonne formule sans lire un tableau de prix.
- Bienvenue → Inscription → Centres d’intérêt → Fréquence → Analyse → Formule recommandée.
- La fréquence est demandée en usages concrets : nombre de repas pris à l’extérieur, rendez-vous coiffure par semaine.
- Un écran « Analyse en cours » fait le lien entre les réponses et la recommandation.
- Ensuite seulement : accueil, recherche, fiches commerces, profil et réglages.




Wireframes
Tout le parcours a d’abord été posé en basse fidélité, en noir et blanc, pour valider la structure avant la couleur.
- Seize écrans wireframés, de l’écran de lancement aux réglages.
- La hiérarchie des wireframes est conservée dans les maquettes : seuls la couleur, la photo et la typographie arrivent ensuite.






Les formules
Trois abonnements — Basique 40 €, Standard 75 €, Premium 145 € par mois — présentés deux fois : en comparatif, puis en détail.
- Chaque formule a sa couleur (ardoise, rose, or) : on la reconnaît d’un écran à l’autre.
- Chaque détail indique le profil de dépense mensuelle auquel la formule correspond.
- Ce qui est inclus et exclu est listé ligne à ligne : enseignes, plafond de paiement, réservations, prestations par jour, priorité.




Design
Une identité directe : un monogramme S tracé d’un trait, un rose franc pour l’action, un bleu nuit pour la marque.
- Le rose (#FF385F) est réservé aux actions et à l’état actif ; le bleu nuit (#041930) porte le logo et le lancement.
- Catégories en pastilles colorées, photos réelles des commerces, géolocalisation « autour de moi ».
- Barre de navigation à quatre onglets : accueil, recherche, notifications, profil.



