Dossier technique · septembre 2026

Sous le capot de l’alliance.

Quatre couches, quatre rôles, trois services à brancher. Voici comment la maquette devient une plateforme qui encaisse, réserve et protège les données d’élèves mineurs.

1 fichier HTML aujourd’hui0 dépendance 3D4 espaces par rôleDonnées hébergées en UE
Touchez une couche

Architecture

Trois flux font tourner l’entreprise.

Tout le reste est du confort. Si ces trois chemins fonctionnent et sont sécurisés, Prep’Alliance peut vendre, suivre et facturer.

Un parent découvreAcquisition
Vitrine›Calendly›Webhook›Table leads›Email aux fondateurs
Une famille s’engagePaiement
Format choisi›Stripe Checkout›Webhook paiement›Abonnement actif›Compteur parrainage
L’élève progressePédagogie
Séance tuteur›Saisie post-séance›Missions + Error Bank›Espace élève›Bilan parent mensuel

Jaune : service externe. Bleu nuit : code serveur à écrire. Gris : écrans et tables de la plateforme.

FrontNext.jsLa vitrine actuelle migre telle quelle, les espaces s’ajoutent derrière l’authentification.
HébergementVercel, région ParisDéploiement à chaque commit, préproduction par branche.
Données & comptesSupabase UEPostgres, authentification, stockage des copies, règles d’accès par rôle.
ServicesStripe · Calendly · BrevoPaiement, réservation, emails transactionnels.

Qui voit quoi

Chaque rôle voit ce dont il a besoin. Rien de plus.

Ces règles sont appliquées dans la base de données elle-même, pas seulement dans l’interface. Un parent malin qui modifie une URL ne voit toujours pas la copie de son enfant.

DonnéeÉlèveParentTuteurAdmin
Priorités et missionsLes siennesRésuméSes élèvesTout
Copies et Second ShotLes siennesNonSes élèvesSur demande
Error BankLa sienneNonSes élèvesAgrégée
Échanges de squadSa squadNonSes squadsModération
Bilan mensuelLe sienEnfant associéRédigeTout
Factures et paiementsNonLes siensNonTout
CRM, planning, KPINonNonSon planningTout

L’association parent–enfant n’est active qu’après confirmation des deux côtés. Pour un élève de moins de 15 ans, le consentement du représentant légal est recueilli avant tout traitement.

Le choix 3D

De la profondeur, pas un moteur de jeu.

La 3D sert une seule idée : trois anneaux qui se nouent, l’élève, le tuteur et les parents. Elle doit charger instantanément sur le téléphone d’un élève dans le métro.

CSS 3D natifRetenu

Perspective, transform-style: preserve-3d et transitions. Le navigateur fait tout.

  • 0 Ko de bibliothèque, rendu dès le premier affichage
  • Les anneaux restent un vrai bouton, lisible au clavier et au lecteur d’écran
  • Fluide sur mobile d’entrée de gamme
WebGL · Three.jsÉcarté

Superbe pour des objets complexes, mais environ 150 Ko de script, un canvas opaque pour l’accessibilité et une batterie qui chauffe. Surdimensionné pour trois anneaux.

Scène Spline ou vidéoÉcarté

Rapide à produire, lourd à charger, impossible à rendre interactif proprement. Et la marque dépendrait d’un outil tiers.

Brancher la prod

Paiement, agenda, données : la marche à suivre.

Le site contient déjà un bloc CONFIG. Le remplir active les boutons réels ; le laisser vide garde le mode démo.

Plan de déploiement

De la maquette au premier élève payant.

Durées indicatives pour deux fondateurs et un développeur à temps partiel. Chaque phase se termine par quelque chose qu’on peut montrer.

0Semaine 1

Fondations légales

  • Société, SIRET, compte bancaire pro
  • Mentions, CGV, confidentialité validées
  • Médiateur de la consommation désigné
  • Démarche SAP lancée pour le 1-to-1 à domicile
1Semaines 2–3

Vitrine en ligne

  • Nom de domaine et hébergement
  • Calendly branché, formulaire vers Supabase
  • Bandeau cookies relié à un vrai outil de mesure
  • Search Console et indexation
2Semaine 4

Encaisser

  • Produits Stripe par format
  • Payment Links sur la page Formats
  • Factures automatiques
  • Webhook paiement vers la base
3Semaines 5–8

Plateforme v1

  • Comptes et rôles
  • Missions, Error Bank, saisie tuteur
  • Bilan parent mensuel
  • Bêta fermée avec une squad pilote
4Semaine 9 et après

Mesurer, ajuster

  • KPI conversion, rétention, remplissage
  • Parrainage automatisé
  • Retours élèves et parents
  • Itérations toutes les deux semaines

Avant d’ouvrir les portes

La liste du jour J.

Cochez au fur et à mesure. La progression reste enregistrée dans ce navigateur.

0 sur 10