Le tout premier contact avec l'application : la personne découvre les quatre grandes fonctions de Petits Pas, crée son compte, complète son profil et rejoint sa communauté. On suit ce parcours de bout en bout — de l'écran d'accueil jusqu'au feed, en passant par la connexion et la récupération de mot de passe.
La toute première image de l'application : le logo Petits Pas, centré sur un dégradé doux qui reprend les couleurs des domaines de vie. Un écran de lancement épuré, sans contenu ni action, qui installe l'identité de marque le temps du chargement avant d'ouvrir sur le carrousel de démarrage.
Un écran de démarrage minimal : le logo teal sur un fond dégradé multicolore, l'empreinte de pas en signature discrète. Pas de texte, pas de bouton — juste l'identité de marque, le temps que l'app se charge.
L'entrée dans l'app est désormais unique : plus de bifurcation à ce stade, tout le monde suit le même chemin. Un carrousel de quatre écrans présente les quatre grandes fonctions de Petits Pas — le réseau social, les Cercles, les RDV avec les Pros et l'auto-coaching — avant d'inviter à commencer.
« Publie tes victoires, tes astuces et suis un fil qui te ressemble. » La première promesse est sociale : un fil personnalisé où chacun partage ses avancées.
« Des groupes thématiques pour avancer ensemble, au quotidien. » Le deuxième pilier : la communauté organisée en petits groupes.
« Des professionnels certifiés, un RDV réservé en quelques secondes. » L'accompagnement individuel : chercher, filtrer et réserver un Pro.
« Des parcours d'auto-coaching pour te transformer, un pas après l'autre. » Le dernier écran présente les parcours — proposés par les Pros et par Petits Pas — et ouvre l'inscription.
À réfléchir côté client : les photos utilisées dans les collages sont des visuels provisoires. La question est de savoir ce que vous souhaitez montrer pour illustrer ces pages de présentation (photos de la communauté, mises en situation, illustrations…). Point mineur, modifiable à tout moment par la suite.
La création de compte. Un formulaire unique — nom de profil, téléphone, e-mail, mot de passe — avec validation en temps réel et alternatives sociales (Google, Apple). Le bouton ne s'active que lorsque toutes les conditions sont remplies.
Les règles de mot de passe se valident au fil de la saisie : croix grises au départ, coches vertes une fois satisfaites. C'est ce qui débloque le bouton.
Quatre champs : nom de profil, numéro de téléphone, adresse e-mail, mot de passe. Sous le mot de passe, les trois conditions à remplir sont affichées d'emblée.
Les champs sont saisis, les trois règles passent en coches vertes. Le bouton « S'inscrire » s'active, en teal plein.
On invite la personne à se présenter : photo, nom, date d'anniversaire, ville, bio. Le bouton « Passer » en haut à droite laisse toujours la main — l'étape est encouragée, jamais imposée.
Avatar à uploader (cercle pointillé + icône appareil photo), puis les champs. Le bouton « Continuer » reste désactivé tant que rien n'est saisi.
Photo ajoutée, nom renseigné. Au tap sur la date d'anniversaire, un calendrier mensuel s'ouvre en bottom sheet, le jour sélectionné en teal plein.
« Ce qui te parle. » La personne choisit ses thèmes parmi les 5 domaines de vie. Ce choix alimente la personnalisation du feed et des recommandations de Pros et de Cercles.
Au repos, les tuiles sont en contour coloré sur fond clair ; un tap les remplit de la couleur pleine de leur domaine.
« Sélectionne les domaines qui te parlent vraiment. Chaque thème choisi colore ton feed. » Chaque tuile affiche déjà sa couleur en contour et sur l'icône ; le bouton « Continuer » reste désactivé tant que rien n'est choisi.
Sélectionnées, les tuiles se remplissent : orange (Bien-être), vert (Argent), rose (Famille), violet (Spiritualité), bleu (Business). Le bouton « Continuer » s'active.
L'amorçage de la communauté, étape stratégique de l'onboarding : avant d'entrer dans l'app, la personne rejoint des Cercles. C'est ce qui garantit un feed vivant dès la première ouverture — pas d'écran vide.
« Rejoins un cercle pour accélérer ta transformation sur le thème de ton choix. » Cards riches : visuel, titre, description, pile d'avatars « +1K », bouton Rejoindre.
Dans la continuité de l'amorçage : la personne suit directement des Pros, sélectionnés selon ses centres d'intérêt. Combiné aux Cercles rejoints juste avant, c'est ce qui garantit un feed déjà peuplé à la première ouverture.
« Suivre des Professionnels de la communauté Petits Pas. » Liste de Pros à anneau or : avatar, nom, pseudo, bouton Suivre / Suivi(e). La sélection est filtrée sur les domaines choisis à l'étape Intérêts.
La validation finale du parcours. Une feuille de confirmation rassure, rappelle les avantages du compte, et bascule la personne dans l'application.
Une feuille de confirmation glisse depuis le bas, par-dessus l'écran « Les Pros de Petits Pas » déjà en place. Coche teal, message de bienvenue, et rappel des avantages du compte.
Pour les utilisateurs qui reviennent. Même écran que l'inscription, onglet « Se connecter » actif. Identifiant + mot de passe, ou connexion sociale, avec accès direct à la récupération de mot de passe.
« Retrouve tes Cercles, tes Pros et ta progression. » Deux champs (nom de profil ou e-mail, mot de passe avec œil), le lien « Mot de passe oublié ? », et les options Google / Apple.
Le parcours de récupération, dans l'ordre : on saisit son e-mail, on reçoit et on vérifie un code à usage unique, puis on définit un nouveau mot de passe. Une confirmation referme la boucle et renvoie vers la connexion.
Le bouton « Réinitialiser le mot de passe » s'active dès qu'un e-mail valide est saisi.
« Saisis ton email pour réinitialiser ton mot de passe. » Un seul champ, bouton désactivé tant qu'il est vide.
L'adresse renseignée, le bouton passe en teal plein. Un tap envoie le code à usage unique sur la boîte mail.
Cinq cases pour le mot de passe à usage unique reçu par e-mail. Lien « Renvoyer le code » si rien n'arrive.
« Saisis le mot de passe à usage unique qui t'a été envoyé sur ta boîte mail. » Cinq cases vides, bouton « Vérifier le code » désactivé.
Les cinq cases sont remplies, leur contour passe en teal. Le bouton « Vérifier le code » s'active.
Mêmes règles de validation que l'inscription : 8 caractères, majuscules/minuscules, chiffre + symbole.
« Crée un nouveau mot de passe. Veille à ce qu'il soit différent des précédents. » Champ unique avec œil, et les trois conditions rappelées.
Une bottom sheet glisse par-dessus l'écran de connexion : coche teal, « Mot de passe réinitialisé ! », et un bouton « Se connecter » qui referme la boucle.
Dix rubriques qui couvrent toute l'arrivée dans Petits Pas : la personne découvre les quatre fonctions de l'app dans le carrousel, crée son compte — validé dès l'inscription —, complète son profil, choisit ses thèmes, rejoint sa communauté et suit des Pros, puis sait se reconnecter et récupérer son accès. Un parcours unique pour tous, sans bifurcation à l'entrée.