Aller au contenu principal

Parcours Utilisateurs

Types d'Utilisateurs​

MomentsCollectifs distingue trois types d'utilisateurs :

  1. Créateur d'événement - Organise la collecte de dédicaces
  2. Participant authentifié - Invité par email, contribue après inscription
  3. Participant anonyme - Contribue sans inscription via lien public

Parcours 1 : Créateur d'Événement​

1.1 Inscription et Connexion​

  1. L'utilisateur arrive sur momentscollectifs.fr
  2. Clique sur "Commencer" → redirigé vers /inscription
  3. Remplit le formulaire (email, mot de passe)
  4. Reçoit un email de confirmation
  5. Se connecte via /connexion
  6. Accède au dashboard /espace-personnel/accueil

1.2 Création d'un Événement​

  1. Navigue vers /espace-personnel/projets/creer
  2. Remplit les informations :
    • Nom de l'événement (ex: "Anniversaire de Marie")
    • Description (texte d'introduction)
    • Date de l'événement
  3. L'événement est créé avec un ID unique

1.3 Invitation des Participants​

  1. Depuis le dashboard, accède à l'événement
  2. Ajoute les emails des participants
  3. Choix d'envoi :
    • Par email : Invitation automatique via Supabase
    • Par lien : Copie du lien public à partager
  4. Les participants reçoivent l'invitation

1.4 Suivi et Gestion​

  • Visualise les messages reçus
  • Peut supprimer des messages inappropriés
  • Voit le nombre de participants ayant contribué
  • Peut relancer les participants n'ayant pas répondu

1.5 Génération de la Vidéo​

  1. Une fois les messages collectés, lance la génération
  2. Le système compile :
    • Page de titre
    • Page de description
    • Chaque message/vidéo individuellement
  3. Deux formats générés :
    • Desktop : 1920x1080
    • Mobile : 1080x1920
  4. Téléchargement disponible

Parcours 2 : Participant Authentifié​

2.1 Réception de l'Invitation​

  1. Reçoit un email d'invitation
  2. Clique sur le lien → /confirmation-invitation
  3. Définit son mot de passe
  4. Accède à la page de contribution

2.2 Contribution Texte​

  1. Accède à /message-text/:productId
  2. Utilise l'éditeur riche (Quill) pour rédiger
  3. Options de formatage :
    • Gras, italique, souligné
    • Couleurs de texte
    • Listes
  4. Prévisualise le rendu
  5. Soumet le message

2.3 Contribution Vidéo​

  1. Accède à /message-video/:productId
  2. Deux options :
    • Enregistrer : Utilise la webcam (max 60 secondes)
    • Importer : Upload un fichier vidéo
  3. Peut couper/ajuster la vidéo
  4. Prévisualise
  5. Soumet la vidéo

2.4 Consultation de ses Contributions​

  • Peut voir ses messages via /my-dedicaces
  • Peut modifier ses contributions avant la clôture

Parcours 3 : Participant Anonyme​

3.1 Accès au Lien Public​

  1. Reçoit un lien public (email, SMS, réseaux sociaux)
  2. Accède à /souvenirs/:productId
  3. Voit la page de l'événement sans connexion

3.2 Soumission Anonyme​

  1. Remplit les informations :
    • Nom (obligatoire)
    • Email (optionnel)
  2. Choisit le type de message :
    • Texte → /message-text/:productId
    • Vidéo → /message-video/:productId
  3. Soumet sa contribution
  4. Reçoit une confirmation

Parcours 4 : Paiement​

4.1 Déclenchement​

Le paiement est requis pour :

  • Télécharger la vidéo finale
  • Débloquer certaines fonctionnalités premium

4.2 Processus​

  1. L'utilisateur clique sur "Payer"
  2. Redirigé vers Stripe Checkout
  3. Effectue le paiement
  4. Webhook confirme la transaction
  5. Plan "basic" activé sur le produit
  6. Accès au téléchargement débloqué

Diagramme de Flux Global​