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

Subscrib

Rôle
UX/UI, wireframes, maquettes, logo
Année
2023
Durée
≈ 6 mois
Livrables
Logo, wireframes, maquettes, prototype Figma
Statut
Projet client
Formule Basique, 40 € par mois
Formule Standard, 75 € par mois
Formule Premium, 145 € par mois

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.
Choix du profil : client ou entreprise
Sélection des centres d’intérêt
Fréquence des repas et rendez-vous coiffure
Écran d’analyse en cours
Onboarding — profil, centres d’intérêt, fréquence, analyse

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.
Wireframe des abonnementsMaquette des abonnements
Wireframe de l’accueilMaquette de l’accueil
Wireframe d’une fiche commerceMaquette d’une fiche commerce
Du wireframe à la maquette — faites glisser pour comparer

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é.
Comparatif des trois abonnements
Détail de la formule Basique
Détail de la formule Standard
Détail de la formule Premium
Trois formules, trois couleurs — Basique, Standard, Premium

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.
Écran de lancement avec le logo Subscrib
Écran « Rejoignez la communauté »
Résultats de recherche de commerces
Profil et centres d’intérêt
Identité — logo, écran de lancement, accueil