Présentation client · Fonctionnalité

Le profil professionnel
& ses réglages

La vitrine d'un professionnel certifié sur Petits Pas : une page unique, quatre onglets, deux lectures selon qu'on la consulte ou qu'on la possède. Puis les réglages, où le doré sert de repère : il signale, section par section, ce qui relève de l'activité professionnelle.

26
Écrans
4
Onglets de profil
2
Vues du profil

Un profil de réseau social,
habillé en or

Le profil d'un Pro reprend exactement la structure du profil d'un membre : couverture, avatar, compteurs, bio, lien, boutons, onglets. Ce qui change tient en trois signes — le cerclage doré de l'avatar, le badge de certification à côté du nom, et une barre d'onglets qui passe de un à quatre. Aucun composant nouveau, aucun gabarit séparé : la même page, enrichie.

1
2
3
4
5
  • 1
    En-tête & menu « ··· »
    Le pseudo au centre, le retour à gauche, et le menu contextuel à droite — identique à celui d'un profil membre, avec les mêmes actions de modération et de partage.
  • 2
    Avatar cerclé d'or
    Le premier signal, visible avant même de lire le nom. Le cerclage doré est réservé aux comptes professionnels et se retrouve partout où l'avatar apparaît : fil, annuaire, cartes d'évènement, commentaires.
  • 3
    Badge de certification
    Accolé au nom, il atteste que le compte a été vérifié par Petits Pas. Il ne se gagne pas à l'ancienneté : il découle de la validation du dossier professionnel.
  • 4
    Boutons contextuels
    C'est ici que la page bascule selon le lecteur. Le propriétaire voit Modifier le profil et Partager le profil ; un membre voit Suivre et Prendre rendez-vous, ce second bouton en doré plein.
  • 5
    Barre de quatre onglets
    Là où un membre n'a qu'un fil de publications, un Pro en a quatre : Astuces, À propos, Évènements et Auto-coaching. L'onglet actif prend une pastille dorée avec son libellé ; les autres restent en icône seule.
Le doré comme code de statut
Sur l'ensemble de l'application, l'or ne décore pas : il identifie. Un élément doré signifie toujours « professionnel » — un compte, une action réservée aux Pros, ou un réglage qui touche à l'activité. Cette convention, posée ici sur le profil, se prolonge telle quelle dans les réglages.
1

Le profil vu par son propriétaire

Quand le Pro consulte sa propre page, il voit une vitrine, pas un tableau de bord. Les quatre onglets affichent le résultat public de son travail ; l'administration, elle, vit ailleurs — dans les réglages et dans son espace professionnel. Cette séparation évite le défaut classique des profils pro : une page qui devient un panneau de commande illisible pour celui qui la visite.

1
Onglet par défaut

Astuces — le fil de publications

L'onglet d'arrivée. Le Pro y retrouve ses propres publications, dans le même format que celles d'un membre : même carte, même chip de domaine, même menu « ··· ». Au-dessus, le bloc Suggestion pour vous propose des comptes à suivre, refermable d'une croix.

  • Modifier le profil et Partager le profil remplacent les boutons Suivre / Prendre rendez-vous.
  • Le carrousel de suggestions reste celui de l'app — un Pro se voit suggérer des comptes comme n'importe quel membre.
  • La barre de navigation basse est intacte : Accueil, Évènements, création, Professionnels, Profil.
Continuité assumée
Un Pro reste un membre. Il publie, suit, commente et enregistre exactement comme les autres — sa dimension professionnelle s'ajoute à son compte, elle ne le remplace pas.
Onglet

À propos — la fiche métier

Le cœur professionnel de la page : titre, présentation, chiffres d'activité, diplômes, informations pratiques, cercles animés et avis. Tout ce contenu est alimenté depuis Réglages → Profil professionnel, jamais depuis « Modifier le profil ».

  • L'icône de l'onglet est un buste — la fiche parle de la personne, pas de son contenu.
  • Le propriétaire voit sa fiche telle qu'elle sera lue : aucun mode « édition en ligne » n'est proposé ici.
  • Le détail complet de cet onglet est déplié dans la rubrique suivante, côté membre.
2
3
Onglet

Évènements — l'agenda public

La liste des évènements organisés par le Pro, en grandes cartes photo. Chaque carte porte en surimpression une barre de verre translucide avec l'avatar et le nom de l'organisateur, et un menu « ··· » à droite. En bas de carte : date, heure, titre et accroche.

  • Date et heure en première ligne — l'information la plus utile avant même le titre.
  • La photo occupe toute la carte ; le texte est posé dessus en blanc sur dégradé sombre.
  • La création d'un évènement se fait depuis cet onglet ou depuis le bouton central de la barre basse.
Onglet

Auto-coaching — les parcours signés

Les parcours d'auto-coaching créés par le Pro, en cartes pleine couleur reprenant la teinte de leur domaine. La carte affiche le chip de domaine, la durée, le titre, l'accroche, puis en pied l'auteur et le nombre de personnes engagées dans le parcours.

  • L'icône mallette de l'onglet est celle de l'auto-coaching dans toute l'application.
  • La couleur de la carte vient du domaine du parcours — ici l'orange de Bien-être & Vitalité.
  • Le compteur de participants en pied de carte fait office de preuve sociale.
4
2

Le profil vu par les membres

C'est la vue qui compte commercialement : celle qu'un membre découvre depuis l'annuaire, la carte ou le fil. Elle doit répondre en un scroll à la question « est-ce que je prends rendez-vous ? » sans jamais ressembler à une page de vente. La réponse tenue ici : de la preuve, pas de l'argumentaire.

5
Vue membre

La même page, deux boutons différents

Pour un membre qui découvre le profil, seuls les boutons changent : Suivre en contour clair, et Prendre rendez-vous en doré plein. Le second est l'action que le Pro attend ; il reçoit donc le seul aplat de couleur de tout l'en-tête.

  • Suivre devient Suivi(e) une fois l'abonnement pris, sans changer de position.
  • Prendre rendez-vous ouvre le tunnel de réservation décrit dans la présentation de l'annuaire.
  • Le reste de la page — couverture, compteurs, bio, onglets — est rigoureusement identique à la vue propriétaire.
Une seule action mise en avant
Le doré plein n'est utilisé qu'une fois par écran. Sur un profil Pro, il est réservé à la prise de rendez-vous — ce qui rend l'action lisible instantanément, sans avoir besoin d'un bandeau ou d'un encart promotionnel.
À propos · déroulé complet

La fiche métier, de haut en bas

C'est l'onglet le plus dense de l'application, et le seul qui justifie un scroll long. Il répond dans l'ordre aux trois questions d'un membre qui hésite : qui est cette personne, qu'est-ce qui le prouve, et où puis-je la rencontrer.

Présentation, chiffres, spécialités
Diplômes, informations pratiques, carte
Cercles animés, avis et témoignages
Se présenter

À propos ouvre sur le titre professionnel puis un texte de présentation tronqué à quelques lignes, avec un Lire plus doré. Juste dessous, trois chiffres alignés : note moyenne et nombre d'avis, années d'expérience, séances réalisées.

Prouver

Les chips de Spécialité reprennent les couleurs des domaines de vie. Puis Diplômes & certifications liste les formations avec établissement et année d'obtention, chacune précédée d'une icône de diplôme cerclée d'or.

Situer

Informations pratiques regroupe les langues parlées, l'ancienneté sur Petits Pas et l'adresse du cabinet avec la distance calculée depuis la position du membre, suivie d'un extrait de carte. Le bloc Cercles présente ensuite les communautés animées par le Pro, avec un bouton Rejoindre direct.

Rassurer

La fiche se termine sur Avis : la note globale, un chevron vers la liste complète, puis les premiers témoignages avec leur notation détaillée sur trois critères.

Ce que le membre ne voit jamais
Aucun champ de saisie, aucun bouton d'édition n'apparaît dans cet onglet, y compris pour le propriétaire. La fiche se lit ; elle se modifie depuis les réglages. C'est la même logique que sur les grandes plateformes de prise de rendez-vous.
Vue membre

Évènements — s'inscrire depuis le profil

L'onglet Évènements présente au membre l'agenda du Pro dans le même format que l'onglet Évènements général de l'application. Les cartes s'enchaînent chronologiquement ; celles dont l'échéance est passée ou dont les places sont épuisées restent visibles mais se griment.

  • Date, heure, titre et accroche suffisent à décider ; le détail s'ouvre au tap.
  • Le menu « ··· » de chaque carte permet de partager ou de signaler l'évènement.
  • S'inscrire depuis le profil évite de repasser par la recherche d'évènements.
6
7
Vue membre

Auto-coaching — rejoindre un parcours

Le membre retrouve ici les parcours du Pro, dans le format exact des parcours proposés ailleurs dans l'app. Rien ne distingue visuellement un parcours signé par un Pro d'un autre parcours, sinon l'avatar cerclé d'or de son auteur en pied de carte.

  • Le chip de domaine et la durée en jours occupent la première ligne de la carte.
  • Le badge doré de l'auteur, en pied, atteste la certification sans surcharger la carte.
  • Le nombre de personnes engagées donne la mesure du parcours avant de s'y lancer.
Vue membre

Témoignages — la page complète des avis

Depuis le chevron du bloc Avis, une page dédiée déroule tous les témoignages. Chaque carte porte l'avatar et le nom du membre, la date, la note globale en étoiles, le texte de l'avis en italique, puis trois critères notés séparément.

  • Écoute, Ponctualité et Bienveillance — trois critères qualitatifs, pas de note de résultat.
  • Les avis sont nominatifs et datés : pas de témoignage anonyme.
  • Les étoiles reprennent le doré du profil, ce qui rattache visuellement la page au registre professionnel.
8
9
Vue membre

Le menu « ··· » — modérer et partager

Le menu contextuel du profil s'ouvre en feuille basse, sur fond flouté. Il ouvre sur Signaler en rouge, puis déroule les actions de protection et de partage. C'est la même feuille que sur un profil membre, aux mêmes positions.

  • Signaler en première position et en rouge — l'action de recours doit être trouvée sans chercher.
  • Restreindre et Bloquer couvrent les deux degrés de mise à distance.
  • Copier l'URL, Partager ce profil et Code QR — ce dernier pensé pour l'affichage en cabinet.
3

Modifier le profil

Le point qui décide de la lisibilité de tout le reste : un Pro n'a pas deux formulaires d'identité concurrents. Celui-ci ne gère que ce qu'un membre gère aussi.

10
Formulaire

Modifier le profil — strictement identique à la version membre

Ce formulaire ne contient rien de professionnel. Photo de couverture, avatar, Nom, Nom du profil, Lien, Biographie, puis Enregistrer. Un Pro modifie son identité sociale exactement comme un membre — ni champ supplémentaire, ni section grise en attente.

  • L'édition de la couverture passe par le bouton crayon en surimpression, en haut à droite.
  • L'avatar conserve son cerclage doré jusque dans le formulaire d'édition.
  • Un seul champ Lien, préfixé d'une icône de chaîne, comme sur le profil membre.
Une frontière nette
Identité sociale d'un côté, identité professionnelle de l'autre. Le titre, les diplômes, les spécialités, l'adresse du cabinet ne sont pas ici : ils vivent dans Réglages → Espace professionnel → Profil professionnel. Le Pro ne se demande jamais dans lequel des deux écrans chercher : ce qui est public et social est ici, ce qui est métier est dans les réglages.
4

Les réglages — lire le doré

Un compte professionnel superpose deux jeux de réglages : ceux de tout le monde, et ceux qui n'existent que parce qu'on exerce. Plutôt que de les séparer en deux espaces, l'interface les garde ensemble et les distingue par la couleur.

Sommaire des réglages

Une seule page de réglages, deux niveaux de lecture

Le Pro n'a pas de « réglages professionnels » séparés à aller chercher ailleurs. Il a la page de réglages de tout le monde, dans laquelle sa couche professionnelle est signalée par le doré — en tête de page pour le bloc qui lui est propre, puis section par section à l'intérieur des pages qu'il partage avec les membres.

Espace professionnel en tête, puis Compte
Notifications, contenu, aide, déconnexion
Chrome neutre

Réglages communs à tous les comptes

Carte blanche, bordure grise, icônes et interrupteurs en teal. Ce sont les réglages qu'un membre gratuit possède déjà. Un Pro les retrouve au même endroit, dans le même ordre.

  • Informations personnelles, mot de passe, activité
  • Statut en ligne, repartage, date de naissance
  • Notifications de communauté, cercles, auto-coaching
  • Préférences de contenu, langue, aide
Cerclage doré

Réglages liés à l'activité professionnelle

Bordure dorée sur toute la carte, icônes cerclées d'or, interrupteurs dorés. Ces blocs n'existent que sur un compte Pro et engagent quelque chose : la visibilité commerciale, la relation client, la facturation.

  • Espace professionnel : profil, annuaire, facturation
  • Visibilité professionnel : cabinet, chiffres, recommandations
  • Messages privés et réponses automatiques
  • Activité professionnel dans les notifications
Section des réglages
Traitement visuel et raison
Espace professionnel
Cerclée d'or, placée avant le bloc Compte. C'est le seul endroit où l'ordre des réglages change par rapport à un compte membre.
Compte
Neutre. Informations personnelles, mot de passe, abonnement, activité — identique à un membre.
Confidentialité & interactions
Neutre en entrée de liste, mais les pages qu'elle ouvre contiennent des sous-blocs dorés.
Notifications
Neutre en entrée ; la page détaillée ouvre sur un bloc Activité professionnel cerclé d'or.
Contenu et affichage · Aide
Neutre intégralement. Aucune de ces options ne dépend du statut du compte.
Pourquoi ce choix plutôt qu'un onglet séparé
Séparer les réglages en deux onglets « Perso / Pro » obligerait le Pro à deviner de quel côté ranger chaque question — « qui peut m'écrire » est-il un réglage perso ou pro ? Le cerclage doré répond autrement : il laisse tout au même endroit et marque l'appartenance sur place. Le Pro cherche par sujet, pas par casquette.
Décision à prendre

Le fond des écrans de réglages — deux options

Deux traitements du fond de page sont proposés pour l'ensemble de la section Réglages. Les deux versions sont rigoureusement identiques par ailleurs : mêmes cartes blanches, mêmes libellés, même cerclage doré sur les blocs professionnels. Seule la teinte du dégradé de fond change.

Option A

Fond doré

Un dégradé crème doré en haut de page, qui s'éclaircit vers le blanc. La teinte prolonge le registre professionnel de la section et fait écho au cerclage doré des blocs.

  • Continuité chromatique avec le badge, l'avatar cerclé et les interrupteurs professionnels.
  • Signale l'entrée dans un espace à part dès l'ouverture des réglages.
  • Le doré devient une couleur d'ambiance en plus d'être un code de statut.
Option B

Fond teal

Le même dégradé, en menthe teal. C'est la teinte utilisée sur le reste de l'application — accueil, évènements, auto-coaching, onboarding.

  • Continuité avec le fond de toutes les autres sections de l'application.
  • Le doré reste exclusivement un marqueur de statut, jamais une ambiance.
  • Contraste plus marqué entre le fond et les blocs cerclés d'or.

Choix ouvert. Les deux options sont présentées sans préférence. Le sélecteur ci-dessous rebascule tous les écrans de réglages de cette présentation, pour comparer les deux traitements sur l'ensemble de la section plutôt que sur un seul écran.

Fond des écrans de réglages
Bascule l'ensemble des écrans de réglages de cette présentation.
5

Les écrans de réglages en détail

Chaque page ouverte depuis le sommaire, dans l'ordre où elle y apparaît. Le fil conducteur reste le même : ce qui est cerclé d'or engage l'activité professionnelle, ce qui reste neutre appartient à tous les comptes.

Fond des écrans de réglages
Bascule l'ensemble des écrans de réglages de cette présentation.
Espace professionnel

Profil professionnel — la source de l'onglet À propos

Toute la fiche métier se saisit ici, dans un formulaire unique organisé en cinq sections. Le premier bloc est cerclé d'or ; les suivants restent en carte neutre, parce qu'ils manipulent des données déjà identifiées comme professionnelles par le contexte de la page.

Titre, présentation, diplômes
Domaines, spécialités, cabinet
Feuille basse d'ajout de diplôme
Titre & présentation

Titre professionnel, Années d'expérience et Présentation — ce dernier champ précise entre parenthèses la rubrique de destination, pour que le Pro sache exactement où son texte apparaîtra.

Diplôme & certification

Chaque ligne affiche l'intitulé, l'établissement et l'année, avec un menu « ··· » pour modifier ou supprimer. Le bouton Ajouter un diplôme ou une certification ouvre une feuille basse plutôt qu'une nouvelle page.

Domaines, spécialités, langues

Les cinq domaines de vie sont proposés en chips colorés — sélection multiple. Les Spécialités et les Langues parlées fonctionnent en champ à tags : on saisit, on valide, la valeur devient un chip teal supprimable d'une croix.

Adresse du cabinet

Nom du lieu, Adresse, Code postal et Ville. C'est cette adresse qui alimente la carte de l'onglet À propos, le calcul de distance et le positionnement dans l'annuaire.

Ajouter sans quitter la page
La feuille basse d'ajout de diplôme suit la convention posée sur le reste de l'application : une modification à champs courts s'opère dans une feuille remontante, jamais dans une page dédiée. Le formulaire reste visible derrière, flouté, ce qui maintient le contexte.
Espace professionnel

Visibilité Annuaire — se retirer sans se supprimer

Trois interrupteurs dorés, deux cartes. La première commande la présence dans l'annuaire et sur la carte ; la seconde étend la portée géographique pour les formats en visioconférence.

  • Apparaître dans l'annuaire des professionnels — l'interrupteur maître de la visibilité commerciale.
  • Apparaître sur la carte, avec la précision position du cabinet uniquement — jamais la position réelle du Pro.
  • Proposer la visioconférence partout — sortir du filtre de distance pour les séances en ligne.
Un retrait temporaire, pas une suppression
C'est l'écran vers lequel renvoie explicitement la page Confidentialité du compte. Un Pro qui part en congés ou qui ferme ses inscriptions se retire d'ici, en un geste réversible, sans toucher à son compte ni à son abonnement.
11
Espace professionnel

Facturation — coordonnées, adresse et historique

La page rassemble les coordonnées de facturation, l'historique des factures d'abonnement téléchargeables en PDF, et l'envoi automatique par e-mail. Les deux entrées du haut ouvrent chacune une feuille basse.

Facturation
Coordonnées, factures mensuelles en PDF, envoi par e-mail
Particulier
Un seul champ : Nom complet
Entreprise — France
Raison sociale, pays, SIRET, forme juridique, TVA
Entreprise — hors France
Le SIRET cède la place au numéro de registre local
Adresse de facturation
Adresse, code postal, ville, pays
Un formulaire qui s'adapte au pays
Le sélecteur Particulier / Entreprise change la nature du formulaire ; le champ Pays en change ensuite le contenu. Un professionnel français saisit un SIRET et une forme juridique ; un professionnel belge, suisse ou canadien saisit un numéro d'entreprise (registre local). Le numéro de TVA intracommunautaire reste optionnel dans les deux cas.
12
Confidentialité

Confidentialité du compte — deux blocs, deux couleurs

En haut, Compte privé en carte neutre, suivi d'un texte d'explication : un profil professionnel est public par nature. Puis Visibilité en teal — les réglages de tout membre — et Visibilité professionnel en doré.

  • L'interrupteur Compte privé est présent mais inactif, et le texte explique pourquoi plutôt que de masquer l'option.
  • Statut en ligne, Autoriser le repartage, Date de naissance — interrupteurs teal, communs à tous.
  • Adresse du cabinet, Chiffres d'activité, Apparaître dans les recommandations — interrupteurs dorés.
Une explication plutôt qu'un blocage
Le texte sous l'interrupteur ne se contente pas de dire non : il redirige vers la visibilité annuaire, c'est-à-dire vers la solution réelle au besoin exprimé. C'est le traitement retenu partout où une option est indisponible du fait du statut du compte.
Confidentialité & interactions

Messages et commentaires — entièrement doré

Ici, tout le bloc Messages privés est cerclé d'or, y compris des réglages qui existent aussi côté membre. La raison est simple : sur un compte Pro, la messagerie n'est plus seulement sociale, elle est le canal de la relation client. La règle Tes clients peuvent toujours t'écrire le dit explicitement — elle passe outre le filtre général pour tout membre ayant un rendez-vous ou une inscription en cours.

La page complète
Qui peut t'écrire
Qui peut commenter
Une exception assumée au filtre
Un Pro peut restreindre ses messages à ses abonnés, voire à personne, sans jamais couper le lien avec quelqu'un qui a réservé. C'est ce que garantit l'interrupteur doré placé juste sous Qui peut t'écrire — et c'est précisément pour cela que ce bloc est traité en professionnel.
Confidentialité & interactions

Réponse automatique — pendant les congés

L'écran ouvre sur l'interrupteur maître, puis affiche la Période avec un badge d'état orange Programmée. Le texte sous la carte précise que la période n'est pas saisie ici : elle suit automatiquement les blocages d'Exception & congés définis dans les disponibilités.

  • Le Message est libre et se rédige en tutoiement, comme toute prise de parole d'un Pro vers un membre.
  • Proposer la réservation ajoute un bouton Prendre rendez-vous sous le message automatique.
  • Une seule réponse par personne évite de répondre en boucle à un même interlocuteur.
Une seule source pour les congés
La période d'absence n'est saisie qu'à un seul endroit dans toute l'application. La réponse automatique, la fermeture des créneaux et l'agenda lisent la même donnée — il devient impossible d'être en congés d'un côté et réservable de l'autre.
13
Notifications

Notifications — la démonstration la plus nette

C'est l'écran où les deux registres cohabitent le plus visiblement. Activité professionnel ouvre la page, cerclé d'or, interrupteurs dorés. Toutes les sections suivantes — Communauté, Messages, Cercles, Évènements et rendez-vous, Auto-coaching, E-mail — reviennent en carte neutre et interrupteurs teal, strictement comme sur un compte membre.

Pause, mode nuit, activité professionnel
Communauté, messages, cercles
Évènements, auto-coaching, e-mail
Cinq alertes qui n'existent que pour un Pro
Nouvelles réservations, Annulations et reports par un membre, Inscriptions à mes évènements, Nouveaux avis reçus et Récapitulatif hebdomadaire. Elles sont regroupées en tête de page parce qu'un professionnel qui vient régler ses notifications vient presque toujours pour celles-là.

Une vitrine, pas un tableau de bord

Le profil professionnel reprend intégralement la page d'un membre et lui ajoute trois signes : un avatar cerclé d'or, un badge de certification, quatre onglets au lieu d'un. Rien n'est reconstruit, tout est enrichi. Côté membre, la page répond en un scroll — qui, quelles preuves, où — et n'offre qu'une seule action mise en avant. Côté réglages, le doré remplace un second espace : il laisse chaque réglage là où on le cherche et marque simplement ceux qui engagent l'activité.