← Accueil

Projet FormaElan

Document interne — Vue d'ensemble & Roadmap détaillée · Mis à jour le 18/05/2026

Phase 1 — Lancement MVP en cours

Vision
C'est quoi FormaElan ?

Le projet

Plateforme de vente de formations en ligne courtes (3-8h) sur des sujets numériques à fort ROI : SEO, IA, Copywriting. Cible : freelances, entrepreneurs et e-commerçants francophones.

Modèle économique

Vente directe one-shot (29€ – 49€). Accès à vie. Pas d'abonnement, pas de plateforme tierce. Marge brute ~100% après frais Stripe (~3%). FormaElan est le premier projet du groupe MultiMind.

Phases du projet

Phase 0 ✅ Fondations — Phase 1 🔶 1ère vente — Phase 2 🔲 SEO & scale — Phase 3 🔲 Autorité — Phase 4 🔲 MultiMind activé.

Catalogue
5 formations en ligne

SEO pour SaaS
8 modules · 6h30 · Intermédiaire
49 €
✓ En ligne — 8 ch. + 17 SVGs
IA pour Freelance
9 modules · 8h · Débutant–Inter.
49 €
✓ En ligne — 9 ch.
Copywriting E-commerce
7 modules · 7h · Débutant–Avancé
29 €
✓ En ligne — 7 ch.
SEO pour E-commerce
8 modules · 7h30 · Intermédiaire
39 €
✓ En ligne — 8 ch. + 16 SVGs
Optimiser son IA
7 modules · 6h · Tous niveaux
39 €
✓ En ligne — 7 ch.

Architecture
Stack technique

🌐
Frontend — GitHub Pages (gratuit)
HTML5 sémantique · CSS pur (variables) · JS vanilla. URL actuelle : formaelan.github.io/formaelan → migrer vers formaelan.fr en Phase 1.
⚙️
Backend — Render (free tier, sleep après 15 min)
Node.js + Express · Stripe Checkout · Token d'accès (Map + JSON). URL : formaelan.onrender.com. Warm-up ping depuis chaque page de vente pour éviter le cold start.
💳
Paiement — Stripe Checkout (mode TEST actuellement)
5 Price IDs configurés. Webhook checkout.session.completed → génère le token d'accès. Fallback : interrogation Stripe directe si webhook manqué. À basculer en mode LIVE le jour J.
📧
Email post-achat — À mettre en place (Resend)
Actuellement : aucun email d'accès envoyé. Le client doit garder success.html?session_id=xxx ouvert. Resend gratuit jusqu'à 300 emails/jour — à intégrer dans le webhook.
📁
Repo GitHub — FormaElan/formaelan (public)
.env exclu du repo · node_modules/ exclu · Déploiement GitHub Pages automatique sur push master.

Tunnel
Flux utilisateur actuel

Achat

Page de vente
Clic "Accéder maintenant"
Stripe Checkout
success.html + token
Chapitre 1

Warm-up serveur

Page de vente chargée
fetch /health silencieux
Render réveillé en arrière-plan
Zéro lag au clic

Récupération d'accès (problème actuel)

Client perd le lien
Aucune solution autonome
Contact support manuel

→ Résolu par la tâche 4 (email automatique post-achat via Resend).

Roadmap
Phase 1 — 23 tâches avant la première vente

✅ Réalisé
  • 5 formations complètes en ligne (SEO SaaS, IA Freelance, Copywriting Ecom, SEO Ecom, Optimiser IA)
  • Backend Stripe — token d'accès, webhook, PRICE_MAP 5 slugs
  • Site complet — index, pages de vente, success/cancel
  • GitHub configuré — FormaElan/formaelan (public)
  • Backend déployé sur Render (free tier) — formaelan.onrender.com (18/05)
  • Tunnel paiement validé — CORS, URL chapitre, boutons hero câblés Stripe (18/05)
  • Warm-up ping — réveille Render dès le chargement de chaque page de vente (18/05)
Bloquant légal Obligatoire avant toute vente réelle
#TâcheEffort
01
Pages légales ✅ Fait — 18/05/2026
4 pages créées : mentions-legales.html, cgv.html, politique-confidentialite.html, contact.html. Footers mis à jour. Garantie 30j supprimée. Reste à compléter : nom, adresse, SIRET dans les fichiers légaux.
Compléter info
Bloquant technique Production
#TâcheEffort
02
Webhook Stripe — signing secret
Stripe Dashboard → Webhooks → copier le signing secret → ajouter STRIPE_WEBHOOK_SECRET dans Render. Sans ça, n'importe qui peut forger un faux événement de paiement.
15 min
03
Clés Stripe live
Basculer vers sk_live_ / pk_live_ sur Render + js/stripe.js. À faire le jour J uniquement — les clés test restent en place jusqu'alors.
30 min
04
Email post-achat automatique (Resend)
Créer un compte Resend (gratuit 300 emails/jour) → intégrer dans le backend → dans le webhook checkout.session.completed, envoyer un email avec le lien d'accès direct (success.html?session_id=xxx). Sans ça, un acheteur qui ferme la page perd définitivement son accès.
~2h
05
Email incorrect dans cancel.html ✅ Fait — 18/05/2026
Email corrigé : multimind.team@gmail.com.
32
Confirmation waiver droit de rétractation au checkout
Les CGV excluent le droit de rétractation mais aucun mécanisme ne collecte l'accord explicite de l'acheteur. Ajouter une page intermédiaire avant le redirect Stripe avec une case à cocher : "J'accepte que l'accès débute immédiatement et renonce à mon droit de rétractation." Pour être solide juridiquement avant les premières ventes réelles.
~1h
Visuel Marketing & contenu
#TâcheEffort
06
Image OG manquante
Créer le dossier img/ et une image og-cover.jpg (1200×630px). Toutes les pages référencent cette image — sans elle, aucun aperçu visuel sur LinkedIn, Facebook ou Twitter. Impact direct sur l'acquisition.
~1h
07
Supprimer formations/seo-saas.html
Ancienne version monolithique de la formation SEO SaaS, obsolète depuis la migration en chapitres. Risque d'indexation Google comme doublon du contenu payant.
5 min
08
pages/formation-template.html public
Fichier technique accessible publiquement sur GitHub Pages. Supprimer ou ajouter <meta name="robots" content="noindex">.
10 min
24
Refonte graphique globale
Moderniser l'ensemble du site au-delà des cartes formations : animations scroll sur le hero, micro-interactions sur les features, transitions de sections fluides, visuels plus attractifs. Objectif : site visuellement compétitif face aux plateformes type Udemy. Flip cards formations 3D néon : ✅ fait (18/05).
~4h
Contenu Accès & protection
#TâcheEffort
09
Chapitres accessibles sans paiement
Les fichiers HTML des chapitres sont publics — n'importe qui connaissant l'URL y accède sans payer. Acceptable en Phase 1 MVP (obscurité comme protection). Dette technique à planifier en Phase 2 (URL signées ou vérification token serveur).
Phase 2
10
Suivi de progression / certificat de réussite
"Certificat de réussite" promis dans les pages de vente (70% + tous modules complétés) mais aucun mécanisme de suivi n'existe. Décision à prendre : retirer la mention pour Phase 1 ou la conditionner à "bientôt disponible".
Décision
11
robots.txt
Ajouter un robots.txt à la racine qui noindex formations/ pour éviter que Google indexe le contenu payant des chapitres.
15 min
Qualité Tests & analytics
#TâcheEffort
12
Tests mobile
Tester le tunnel complet (page de vente → Stripe → success.html → chapitre) sur téléphone. Vérifier lisibilité des pages de vente et des chapitres sur petits écrans.
~1h
13
Contrôle qualité formations
Lancer /auditer_formation sur les 5 formations — navigation entre chapitres, qualité SVGs, liens internes, conformité CSS (formations.css uniquement, zéro JS dans les chapitres).
~2h
14
Analytics
Intégrer Plausible (~9€/mois cloud) ou Umami (self-host gratuit). Sans analytics, impossible de savoir d'où viennent les visiteurs ni quelle page de vente convertit le mieux.
~1h
Domaine Migration vers formaelan.fr
⚠ Prérequis : tâches 1, 2, 4 et 5 terminées avant d'acheter le domaine.
#TâcheEffort
15
Acheter formaelan.fr
OVH recommandé : ~0.99€ la 1ère année puis ~6.99€/an. Pas de .fr gratuit possible (réglementé AFNIC). Alternative : Porkbun ~7€/an.
15 min
16
Configurer DNS + GitHub Pages
Dans OVH : 4 enregistrements A GitHub Pages + CNAME www. Dans GitHub repo → Settings → Pages → Custom domain → formaelan.fr. HTTPS automatique via Let's Encrypt.
~30 min
17
Mettre à jour SITE_URL sur Render
Changer SITE_URL=https://formaelan.fr dans les variables d'environnement Render. Tester le tunnel complet sur le vrai domaine avec une carte test Stripe.
15 min
18
Email contact@formaelan.fr
Créer l'adresse email (incluse avec OVH). Remplacer multimind.team@gmail.com par contact@formaelan.fr partout dans le site.
~30 min
Acquisition Première vente (après domaine)
#TâcheEffort
19
SEO on-page
Balises meta optimisées, OG tags corrects, schema Course sur pages de vente. À faire uniquement après migration sur formaelan.fr — inutile sur GitHub Pages (mauvaise URL indexée).
~2h
20
LinkedIn personnel
Post de valeur concrète (astuce SEO ou IA, pas un post "j'ai lancé") avec mention naturelle de la formation. Le ticket bas (29-49€) réduit la friction à l'achat.
~1h
21
Groupes Facebook / Discord
Identifier 5 groupes actifs : freelance FR, SEO France, IA francophone, copywriting, entrepreneurs web. Règle : apporter de la valeur dans les discussions d'abord, mentionner la formation ensuite — jamais en spam direct.
Continu
22
Product Hunt
Préparer le lancement : description, visuels, tagline percutante. Génère 200-500 visites qualifiées en 24h et crédibilise le projet auprès des early adopters tech. Prévoir ~2h de préparation.
~2h
23
🎯 Première vente réelle
L'objectif de Phase 1. Valide le tunnel, le prix, et la proposition de valeur.
Objectif
❌ Hors scope Phase 1
  • SEO organique — résultats en 3-6 mois minimum, Phase 2 après formaelan.fr
  • Analyse SEO approfondie — inutile tant que le site est sur GitHub Pages (URL temporaire)
  • Publicité payante — trop tôt sans conversion prouvée sur trafic organique
  • Twitter / Instagram — trop long à construire pour un objectif "première vente"
  • Système de compte utilisateur / espace membre — Phase 2
  • Protection réelle du contenu (auth sur chapitres) — Phase 2