Création formulaire de contact buddyboss WP

1/Écran d’accueil – Découverte & Accroche

Visuel immersif (fond animé léger ou photo floutée d’étudiants + effets lumineux, à voir).
Phrase d’accroche dynamique : ex : Je rejoins l’aventure Kampouss et je me fais un nom dans la communauté
“Bienvenue sur Kampouss — la plateforme où apprendre, aider et progresser font grandir tout le monde.”

Bouton principal : “Let’s Kampouss !”
petit lien discret : “Découvre Kampouss en 30 secondes”
→ ouvre un mini pop-up d’intro avec ce texte :
Kampouss, c’est la plateforme d’entraide nouvelle génération.
Ici, tu peux apprendre à ton rythme, aider d’autres élèves,
et faire évoluer ton profil, ta visibilité — et plus tard, tes opportunités.
Plus tu participes, plus tu montes en grade et deviens débloque des options

Transition fluide vers l’étape suivante (sans rechargement de page).
2/ Étape 1 – Création du compte

Objectif : simple, rapide, rassurant.
Champs : prénom, nom, email, mot de passe (pseudo ?).
Design :

Apparition champ par champ, avec micro validation visuelle (type “Typeform” ou “Stripe Sign Up”).
Texte d’accompagnement: Commençons par ton profil — rien de compliqué, promis.”
Bouton : “Continuer”.
3/ Étape 2 – Intention initiale

Objectif : présenter les trois voies possibles, de manière valorisante.
Texte d’intro :

“Sur Kampouss, tu peux demander un coup de pouce, en donner, ou faire les deux.
C’est toi qui choisis comment commencer.”

Trois cartes cliquables :

Carte 1 : Être aidé
😅 T’as parfois l’impression de galérer dans certaines matières ?
Ici, tu peux demander de l’aide à tout moment, sans stress,
à des élèves ou étudiants qui sont déjà passés par là.

Carte 2 : Aider
💪 T’assures dans au moins une matière ?
Aide d’autres élèves à progresser, fais-toi remarquer,
et monte en grade dans la communauté Kampouss —
avec, à la clé, des récompenses et de vraies opportunités.

Carte 3 : Les deux
Tu maîtrises certaines matières mais t’en galères sur d’autres ?
Parfait. Ici, tu peux à la fois apprendre et aider.
C’est comme ça qu’on avance le plus vite sur Kampouss.

Quand on survole une carte, elle pourrait s’animer légèrement (halo coloré, micro effet de zoom ou mouvement de particules façon app mobile).
Et après le clic, la carte sélectionnée garde un effet lumineux pour signifier “ton mode d’entrée”.

Animation :

Survol = halo coloré / zoom léger.
Sélection = carte mise en avant.
Remarques :

Une seule base utilisateur.
Ces intentions sont dynamiques, modifiables plus tard.
Le choix détermine le parcours d’affichage, pas les droits techniques.

4/ Étape 3 – Informations personnalisées

Collecter les infos essentielles sans alourdir.

Selon le choix précédent :

Si “être aidé” ou “les deux” → niveau scolaire (Niveau (collège, lycée/classe), matières à renforcer, (Scientifiques / Litéraires / Autre)
Si “aider” ou “les deux” → niveau d’études (idem précedent) , motivation principale (aider, progresser en aidant, acquérir de la visibilité sur Kampouss, Monter en grade pour devenir tuteur Kampouss…).
Ou peux-tu aider la communauté ? : Plutôt dans les matières scientifiques – Les Plutôt dans les matières litérraires - Les étudiants (préciser la filliere / Matière?
Design :

Interface à bulles / sliders / cartes à cocher (pas de liste déroulante).
Textes d’encouragement courts :
“Top ! Tu peux toujours changer ça plus tard.”

Étape 4 – Validation & Bienvenue

Objectif : créer un effet “Wow” immédiat et donner le ton communautaire.

Message dynamique :

“Bienvenue sur Kampouss !
Tu fais maintenant partie d’une communauté d’entraide et de progression.
Explore ton dashboard pour découvrir tes premiers points, les forums et les missions.”

Visuel recommandé :

Mini animation confettis ou pouce levé stylisé (identité Kampouss).
Bouton final : “Accéder à mon espace”.
Aspects techniques à envisager ?

Zéro rupture de page : tout se fait dans une même séquence fluide (AJAX ou animations internes).
Stockage unifié : 1 profil BuddyBoss, champs ACF pour les intentions et infos personnalisées.
Adaptabilité mobile totale : priorité smartphone.
Durée totale d’inscription : 60 à 90 secondes maximum.
Prévoir la possibilité de personnaliser le ton du message final selon l’intention choisie.