Présentation client · Fonctionnalité

Les Évènements
le parcours, écran par écran

L'espace où chaque membre découvre les évènements des Pros, s'y inscrit et retrouve toutes ses participations dans son agenda. On suit le parcours utilisateur de bout en bout, de la découverte à l'inscription.

5
Rubriques
2
Formats · présentiel / visio
1
Agenda unifié
1

Accueil Évènements

Le point d'entrée de l'onglet Évènements. L'utilisateur arrive ici pour explorer : recherche en tête, puis les évènements regroupés par contexte — près de chez lui ce week-end, en ligne cette semaine. La création d'évènement est réservée aux comptes Pro ; côté membre, l'écran est fait pour découvrir et s'inscrire.

La structure de l'accueil

Sous la recherche, l'écran empile des rails d'évènements dans un ordre constant, du plus proche au plus large.

Accueil Évènements
Structure

De la recherche aux rails thématiques

L'accueil enchaîne les blocs dans un ordre constant. Chaque évènement est porté par une card immersive : visuel plein cadre, Pro certifié en tête, date et titre en surimpression.

  • Barre de recherche « Commencer ma recherche » en haut, point de départ vers la rubrique Recherche.
  • Ce week-end près de toi carrousel des évènements présentiels géolocalisés.
  • En ligne cette semaine les évènements en visioconférence, en cards larges détaillées.
  • Bouton « S'inscrire » directement sur la card, sans passer par la fiche.
Note DA
L'or signale partout l'identité Pro (anneau + sceau). La couleur reste portée par le visuel de l'évènement lui-même : l'UI de l'accueil garde son chrome neutre, la couleur vient du contenu.
Le rappel « Ta prochaine inscription »

Quand l'utilisateur est déjà inscrit à un évènement à venir, un rappel apparaît en tête de l'accueil, sous la recherche. Il ouvre directement la fiche de l'évènement concerné.

Choix à faire — une seule décision : la forme de cette carte de rappel. Trois propositions. Les deux formats compacts (Teal et Blanc) partagent la même mise en page ; la version encadrée est plus détaillée. Chaque proposition est montrée en gros, puis replacée dans l'écran d'accueil.

Accueil — rappel compact en place
Proposition 1 · Compacte

Bandeau d'une ligne

Le rappel tient sur une seule ligne, juste sous la recherche : badge date rond, titre et « Ta prochaine inscription · Dim 18h30 ». Le contenu de découverte reste haut dans l'écran, visible sans scroll.

Deux traitements pour ce même format
Carte compacte teal
Teal · bande teal clair, badge plein — la plus repérable
Carte compacte blanche
Blanc · même format, fond blanc — plus discrète
  • Encombrement minimal — les rails d'évènements restent visibles sans scroll
  • Repérable — le badge date rond attire l'œil dès l'arrivée
  • Cohérent — même logique de badge que les cards d'agenda
Accueil — rappel détaillé en place
Proposition 2 · Détaillée

Carte encadrée titrée

Un bloc « Ta prochaine inscription » posé dans un cadre, avec date, heure et vignette de l'évènement. Plus présent, il met le rendez-vous à venir au premier plan, avant les rails de découverte.

Un seul traitement
Carte détaillée encadrée
Encadrée · date, heure et vignette dans un cadre contrasté
  • Met en avant l'engagement — le rendez-vous à venir passe au premier plan
  • Date et heure d'emblée — sans avoir à ouvrir la fiche
  • Vignette de l'évènement — reconnaissance visuelle immédiate
Note DA
Le vrai arbitrage porte sur la présence à l'écran : un bandeau discret qui préserve la découverte, ou une carte titrée qui met en avant le rendez-vous à venir. Le choix Teal / Blanc n'est qu'une nuance de traitement à l'intérieur du format compact.
2

Recherche & Filtres

L'utilisateur veut trouver un évènement précis. La recherche se fait en trois questions enchaînées — Quoi, Quand, Comment — qui construisent la requête pas à pas. Le « Comment ? » détermine ensuite la forme des résultats : une carte géolocalisée pour le présentiel, une liste pour la visio.

Le parcours guidé · Quoi / Quand / Comment

Trois écrans successifs, chacun rappelant les critères déjà saisis, jusqu'à des résultats déjà filtrés.

1
Quoi
Étape 1

Quoi ?

L'utilisateur saisit son besoin. L'écran propose ses recherches récentes et des suggestions thématiques qualifiées, avec le nombre de professionnels disponibles.

  • Suggestions qualifiées par domaine et volume (« Sommeil · 14 Professionnels »).
  • Historique pour relancer une recherche récente en un tap.
2
Quand
Étape 2

Quand ?

Un calendrier mensuel laisse choisir la date. Le besoin déjà saisi reste rappelé en haut : l'utilisateur garde le fil de sa requête.

  • Filtrage par date en amont, avant de voir les évènements.
  • Rappel persistant du critère précédent en tête d'écran.
3
Comment
Étape 3

Comment ?

Le format de l'évènement : présentiel près de chez soi, ou visioconférence via Zoom ou Google Meet. Ce choix conditionne l'affichage des résultats.

  • Présentiel avec un champ de lieu « Près de chez toi ».
  • Visioconférence via Zoom ou Google Meet, « depuis chez toi ».
Le sélecteur présentiel · le champ de lieu

Cocher « Présentiel » déplie un champ de localisation. Il propose « Autour de moi » et « Toute la France », et suggère des villes à la saisie.

Présentiel coché

Présentiel activé

Le champ de lieu apparaît sous l'option cochée.

Suggestions par défaut

Suggestions

« Autour de moi » et « Toute la France » d'emblée.

Recherche de ville

Recherche de ville

Auto-complétion des villes à la frappe.

Affiner · les filtres

Un panneau de filtres complète la requête : domaine de vie, langue de l'évènement et rayon de distance.

Filtres
Filtres

Domaine, langue, distance

Le panneau reprend les conventions de l'app : les cinq domaines de vie gardent chacun leur couleur, la langue se choisit en multi-sélection, la distance sur un curseur.

  • Domaine les 5 domaines de vie en chips colorées, sélectionnables.
  • Langue multi-sélection (français, espagnol, anglais…).
  • Distance curseur de rayon, pertinent pour le présentiel.
Les résultats · deux affichages selon le format

Le « Comment ? » décide de la forme des résultats. Une même card d'évènement s'affiche, mais le contenant change : carte géolocalisée pour le présentiel, liste plein écran pour la visio.

PrésentielRésultats présentiel sur carte

Sur une carte

Les évènements présentiels sont posés sur une carte géolocalisée, avec des pins. La liste des cards se consulte en dessous, en feuille remontante.

  • Repérage géographique immédiat
  • État « Inscrit(e) » visible sur la card
VisioRésultats visio en liste

En liste

Pour la visio, pas de carte : les évènements s'enchaînent en liste plein écran, cards immersives les unes sous les autres.

  • Compteur de résultats en tête (« 14 Évènements · Yoga »)
  • CTA « S'inscrire » / « Inscrit(e) » sur chaque card
Note DA
La card d'évènement est la même partout — accueil, résultats, carrousels. Seul le contenant change selon le format retenu au « Comment ? ». L'état d'inscription est toujours porté par le bouton en tête de card : « S'inscrire » en teal plein, « Inscrit(e) » en contour discret.
3

Fiche évènement

L'utilisateur a repéré un évènement et ouvre sa fiche pour décider. Elle réunit, sur un seul écran scrollable, tout ce qu'il faut pour passer de la consultation à l'inscription : l'essentiel en chiffres, le Pro, le programme, et l'info pratique.

Fiche évènement présentiel
Fiche complète

Tout pour décider, au même endroit

La fiche empile les sections du général au pratique : bannière, chiffres-clés, mot du Pro, description, puis info pratique. Le bouton « S'inscrire » reste accessible en tête.

  • Trois chiffres-clés date, horaire & durée, et jauge de participants (« 8 / 15 »).
  • Le Pro certifié photo, note, avis et mot d'intention sur l'évènement.
  • « Ce qui t'attend » et « Cet évènement est pour toi si… » pour se projeter.
  • Information pratique adresse, distance et itinéraire sur mini-carte (présentiel).
Note DA
La jauge « 8 / 15 participants » crée une rareté douce sans pression. La section « Cet évènement est pour toi si… » aide l'utilisateur à s'auto-qualifier avant l'inscription, point de bascule de la fonctionnalité.
4

Inscription

Depuis la fiche, l'utilisateur s'inscrit. Une feuille de confirmation récapitule les informations partagées avec l'organisateur. Le numéro de téléphone n'est jamais demandé à l'inscription du compte — il est proposé ici, facultatif, et seulement s'il n'est pas déjà connu.

La collecte du téléphone, au bon moment

Nom et e-mail sont déjà connus via la connexion Google ou Apple. Le téléphone, lui, n'est pas fourni par ces connexions : il est proposé ici, facultatif, en collecte juste-à-temps. Trois états se succèdent.

1
Numéro non renseigné
Numéro non renseigné
État 1

Le numéro est proposé, pas imposé

Nom et e-mail sont pré-cochés (déjà connus). Une ligne « Ajouter mon numéro » invite à compléter, marquée Facultatif — utile en cas de changement.

  • Rien ne bloque l'utilisateur peut confirmer sans téléphone.
  • Transparence « L'organisateur utilise ces informations uniquement pour la gestion de cet évènement. »
2
Champ de saisie ouvert
Saisie ouverte
État 2

La saisie, s'il choisit de compléter

En tapant sur « Ajouter mon numéro », le champ s'ouvre. La mention précise que le numéro sera enregistré dans le profil pour les prochaines fois — la collecte ne se fait qu'une fois.

  • Champ dédié avec placeholder « Numéro de téléphone ».
  • Mémorisation enregistré au profil, plus à ressaisir ensuite.
3
Numéro renseigné
Prêt à confirmer
État 3

Trois informations cochées, inscription confirmée

Une fois le numéro saisi, les trois lignes — nom, e-mail, téléphone — sont cochées. « Confirmer mon inscription » finalise. L'utilisateur peut se désinscrire à tout moment.

  • Récapitulatif clair des données partagées avec le Pro.
  • Réversible désinscription possible à tout moment.
Principe
Le téléphone n'est jamais exigé à la création du compte ni à l'inscription. Il n'est demandé qu'ici, une seule fois, et reste facultatif — sauf pour un rendez-vous au format Téléphone, où il devient nécessaire à la confirmation.
La désinscription

Se désinscrire suit le pattern d'annulation de l'app : une feuille de confirmation, claire sur les conséquences.

Confirmer la désinscription
Désinscription

Un pop-up qui explique avant d'agir

La feuille annonce ce qui va se passer : la place est libérée et le Pro est prévenu. Deux actions — « Annuler » (neutre) ou « Me désinscrire » (rouge) — sans ambiguïté.

  • Conséquence explicite « Ta place sera libérée et le Pro sera prévenu. »
  • Pattern cohérent avec les autres feuilles d'annulation de l'app.
5

Agenda

Une fois inscrit, l'utilisateur retrouve toutes ses participations au même endroit : l'Agenda. Les inscriptions aux évènements y rejoignent les rendez-vous pris avec les Pros, dans une seule liste filtrable — plus besoin de chercher à deux endroits différents.

Mon agenda — à venir
Liste unifiée

Rendez-vous et évènements, ensemble

L'écran regroupe tout ce que l'utilisateur a réservé. Un premier niveau d'onglets sépare À venir / Passés / Annulés ; des chips en dessous filtrent par nature : Toutes, Rendez-vous, Évènements.

  • Onglets temporels À venir · Passés · Annulés.
  • Chips de nature Toutes · Rendez-vous · Évènements.
  • Évènement présentiel adresse + « Voir l'itinéraire », « Me désinscrire », « Voir la fiche ».
  • Rendez-vous visio lien Zoom disponible 10 min avant, « Rejoindre », « Annuler », « Reprogrammer ».
Note DA
Chaque card adapte ses actions à sa nature : un évènement propose l'itinéraire et la désinscription, un rendez-vous propose le lien de visio et la reprogrammation. La structure de la card (date, heure, intitulé) reste identique pour une lecture homogène.

Renommage — l'écran est désormais titré « Mon agenda » (anciennement « Mes Rendez-vous »), pour refléter qu'il réunit maintenant rendez-vous et évènements. À valider.

De la découverte à l'agenda, un fil continu

Cinq rubriques qui suivent l'utilisateur de bout en bout : il arrive, cherche, consulte une fiche, s'inscrit, et retrouve tout dans son agenda. Les choix ouverts sont posés là où ils se présentent dans le parcours.

Onglet de navigation : « Évènements », tel que retenu sur les maquettes.