Description
*{box-sizing:border-box;margin:0;padding:0}
:root{
–black:#0a0a0b;
–dark:#111115;
–card:#16161c;
–border:#25252f;
–accent:#7c3aed;
–accent2:#a855f7;
–neon:#c084fc;
–green:#22c55e;
–text:#f0f0f5;
–muted:#8b8ba0;
}
body{background:var(–black);color:var(–text);font-family:Inter,sans-serif;font-size:16px;line-height:1.6;overflow-x:hidden}
/* HERO */
.hero{position:relative;min-height:100vh;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:80px 24px 60px;overflow:hidden}
.hero-bg{position:absolute;inset:0;background:radial-gradient(ellipse 80% 60% at 50% -10%,rgba(124,58,237,.35) 0%,transparent 70%);pointer-events:none}
.hero-grid{position:absolute;inset:0;background-image:linear-gradient(rgba(124,58,237,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(124,58,237,.06) 1px,transparent 1px);background-size:60px 60px;pointer-events:none;mask-image:radial-gradient(ellipse 80% 80% at 50% 0%,black 40%,transparent 100%)}
.badge-top{display:inline-flex;align-items:center;gap:8px;background:rgba(124,58,237,.15);border:1px solid rgba(124,58,237,.4);color:var(–neon);font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;padding:6px 14px;border-radius:100px;margin-bottom:28px}
.badge-top span{width:6px;height:6px;background:var(–neon);border-radius:50%;animation:pulse 2s infinite}
@keyframes pulse{0%,100%{opacity:1}50%{opacity:.3}}
h1{font-size:clamp(2.4rem,6vw,4.2rem);font-weight:900;line-height:1.1;letter-spacing:-.03em;max-width:900px;margin-bottom:24px}
h1 em{font-style:normal;background:linear-gradient(135deg,var(–accent2),var(–neon));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}
.hero-sub{font-size:clamp(1rem,2vw,1.2rem);color:var(–muted);max-width:620px;margin-bottom:40px;line-height:1.7}
.hero-cta{display:flex;gap:12px;flex-wrap:wrap;justify-content:center;margin-bottom:56px}
.btn-primary{background:linear-gradient(135deg,var(–accent),var(–accent2));color:#fff;font-weight:700;font-size:16px;padding:16px 36px;border-radius:10px;border:none;cursor:pointer;text-decoration:none;transition:transform .15s,box-shadow .15s;box-shadow:0 0 32px rgba(124,58,237,.4)}
.btn-primary:hover{transform:translateY(-2px);box-shadow:0 8px 48px rgba(124,58,237,.6)}
.btn-ghost{background:transparent;color:var(–text);font-weight:600;font-size:16px;padding:16px 32px;border-radius:10px;border:1px solid var(–border);text-decoration:none;transition:border-color .15s}
.btn-ghost:hover{border-color:var(–accent2)}
.hero-stats{display:flex;gap:40px;flex-wrap:wrap;justify-content:center}
.stat{text-align:center}
.stat-n{font-size:2rem;font-weight:900;background:linear-gradient(135deg,var(–accent2),var(–neon));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}
.stat-l{font-size:12px;color:var(–muted);font-weight:500;letter-spacing:.04em;text-transform:uppercase}
/* SECTIONS */
section{padding:80px 24px;max-width:1100px;margin:0 auto}
.section-label{font-size:11px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(–accent2);margin-bottom:14px}
h2{font-size:clamp(1.8rem,4vw,2.6rem);font-weight:800;line-height:1.2;letter-spacing:-.02em;margin-bottom:20px}
.section-intro{font-size:1.1rem;color:var(–muted);max-width:680px;margin-bottom:56px;line-height:1.7}
/* PROBLEM */
.problem-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:16px}
.problem-card{background:var(–card);border:1px solid var(–border);border-radius:12px;padding:24px;position:relative;overflow:hidden}
.problem-card::before{content: »;position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,var(–accent),transparent)}
.problem-icon{font-size:24px;margin-bottom:12px}
.problem-card h3{font-size:15px;font-weight:700;margin-bottom:8px}
.problem-card p{font-size:13px;color:var(–muted);line-height:1.6}
/* FOR WHO */
.who-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px}
.who-card{background:var(–card);border:1px solid var(–border);border-radius:10px;padding:20px 22px;display:flex;gap:14px;align-items:flex-start}
.who-icon{font-size:22px;flex-shrink:0;margin-top:2px}
.who-card strong{display:block;font-size:14px;font-weight:700;margin-bottom:4px}
.who-card p{font-size:13px;color:var(–muted)}
/* PROGRAMME */
.programme{background:var(–dark);border-top:1px solid var(–border);border-bottom:1px solid var(–border)}
.programme-inner{max-width:1100px;margin:0 auto;padding:80px 24px}
.days{display:grid;grid-template-columns:1fr 1fr;gap:24px}
@media(max-width:700px){.days{grid-template-columns:1fr}}
.day{background:var(–card);border:1px solid var(–border);border-radius:14px;overflow:hidden}
.day-header{padding:20px 24px;border-bottom:1px solid var(–border);display:flex;align-items:center;gap:12px}
.day-num{background:linear-gradient(135deg,var(–accent),var(–accent2));color:#fff;font-size:11px;font-weight:700;letter-spacing:.06em;padding:4px 10px;border-radius:6px;text-transform:uppercase}
.day-title{font-size:15px;font-weight:700}
.day-body{padding:20px 24px}
.module{display:flex;gap:12px;padding:10px 0;border-bottom:1px solid var(–border)}
.module:last-child{border-bottom:none}
.module-time{font-size:11px;color:var(–accent2);font-weight:700;white-space:nowrap;padding-top:2px;min-width:60px}
.module-content strong{display:block;font-size:13px;font-weight:700;margin-bottom:3px}
.module-content p{font-size:12px;color:var(–muted)}
/* OUTCOMES */
.outcomes-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:16px}
.outcome{background:var(–card);border:1px solid var(–border);border-radius:12px;padding:24px;display:flex;gap:14px}
.outcome-check{width:24px;height:24px;background:rgba(34,197,94,.15);border:1px solid rgba(34,197,94,.3);border-radius:6px;display:flex;align-items:center;justify-content:center;flex-shrink:0;color:var(–green);font-size:13px;margin-top:2px}
.outcome h3{font-size:14px;font-weight:700;margin-bottom:6px}
.outcome p{font-size:13px;color:var(–muted)}
/* TOOLS */
.tools-grid{display:flex;flex-wrap:wrap;gap:10px}
.tool-tag{background:var(–card);border:1px solid var(–border);border-radius:8px;padding:8px 14px;font-size:13px;font-weight:600;color:var(–text);display:flex;align-items:center;gap:8px}
.tool-tag span{font-size:16px}
/* PRICING */
.pricing-box{background:var(–card);border:2px solid var(–accent);border-radius:20px;padding:48px;max-width:600px;margin:0 auto;text-align:center;position:relative;overflow:hidden}
.pricing-box::before{content: »;position:absolute;inset:0;background:radial-gradient(ellipse 80% 60% at 50% -20%,rgba(124,58,237,.2) 0%,transparent 70%);pointer-events:none}
.pricing-best{background:linear-gradient(135deg,var(–accent),var(–accent2));color:#fff;font-size:11px;font-weight:700;letter-spacing:.08em;padding:6px 16px;border-radius:100px;margin-bottom:20px;display:inline-block;text-transform:uppercase}
.price-main{font-size:4rem;font-weight:900;line-height:1;margin-bottom:4px}
.price-main sup{font-size:1.5rem;font-weight:700;margin-right:4px}
.price-note{font-size:13px;color:var(–muted);margin-bottom:32px}
.price-includes{list-style:none;text-align:left;margin-bottom:32px;display:flex;flex-direction:column;gap:10px}
.price-includes li{display:flex;gap:10px;align-items:flex-start;font-size:14px}
.price-includes li::before{content:’✓’;color:var(–green);font-weight:700;flex-shrink:0;margin-top:1px}
.price-urgent{background:rgba(239,68,68,.1);border:1px solid rgba(239,68,68,.3);color:#fca5a5;font-size:13px;font-weight:600;padding:12px;border-radius:8px;margin-bottom:24px}
/* FAQ */
.faq{display:flex;flex-direction:column;gap:8px;max-width:760px;margin:0 auto}
.faq-item{background:var(–card);border:1px solid var(–border);border-radius:10px;overflow:hidden}
.faq-q{padding:18px 22px;font-weight:600;font-size:15px;cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:12px;user-select:none}
.faq-q::after{content:’+’;font-size:20px;color:var(–accent2);flex-shrink:0;transition:transform .2s}
.faq-item.open .faq-q::after{transform:rotate(45deg)}
.faq-a{display:none;padding:0 22px 18px;font-size:14px;color:var(–muted);line-height:1.7}
.faq-item.open .faq-a{display:block}
/* FOOTER CTA */
.footer-cta{background:var(–dark);border-top:1px solid var(–border);text-align:center;padding:80px 24px}
.footer-cta h2{font-size:clamp(1.8rem,4vw,2.8rem);font-weight:800;letter-spacing:-.02em;margin-bottom:16px}
.footer-cta p{color:var(–muted);margin-bottom:32px;font-size:1.1rem}
/* RESPONSIVE */
@media(max-width:600px){
.hero-stats{gap:24px}
.pricing-box{padding:32px 20px}
.price-main{font-size:3rem}
}
Créez votre produit IA
en 2 jours
De l’idée au prototype fonctionnel. Pas de blabla théorique — vous repartez avec un vrai produit IA, les compétences pour l’améliorer et une méthode réplicable.
L’IA change tout.
Mais personne ne sait par où commencer.
Vous voyez des dizaines d’outils IA sortir chaque semaine. Vous avez essayé ChatGPT. Mais passer de « l’IA c’est cool » à « j’ai un vrai produit IA qui génère de la valeur » — c’est une autre histoire.
Paralysie du choix
Claude, GPT-4, Gemini, Cursor, Lovable, v0… Vous ne savez pas quel outil choisir ni comment les combiner.
Trop lent sans méthode
Vous bidouillez seul pendant des semaines pour un résultat approximatif. Il manque un cadre structuré.
Produit sans marché
Beaucoup construisent une solution à la recherche d’un problème. L’IA amplifie le problème si on ne part pas du bon endroit.
La technique qui bloque
On croit qu’il faut savoir coder pour builder avec l’IA. C’est faux — mais encore faut-il connaître les bons outils.
Cette formation est faite pour vous si…
Pas besoin de savoir coder. Il faut juste avoir une idée (même floue) et l’envie de la concrétiser.
Vous voulez livrer 10× plus vite en intégrant l’IA dans votre workflow produit.
Vous avez une idée de produit et vous voulez tester son potentiel sans investir 6 mois de dev.
Vous voulez proposer des solutions IA à vos clients et être crédible sur le sujet.
Vous cherchez à comprendre ce qui est vraiment possible et à lancer un projet pilote IA dans votre équipe.
2 jours, 1 produit fonctionnel.
Chaque module combine théorie condensée + atelier pratique immédiat. Vous construisez en live, pas après la formation.
Cartographie des modèles, des outils, de la stack IA. Ce qui est hype vs ce qui est utile.
Framework de sélection : quel problème l’IA résout mieux que les autres approches ?
Chaque participant affine son idée avec une méthode de discovery accélérée par l’IA.
Quoi builder, quoi acheter, quoi ignorer. La règle des 20% qui font 80% de la valeur.
Techniques de prompting pour la génération de specs, user stories, wireframes textuels.
Chaque participant repart avec un prototype conceptuel prêt à builder.
Tour des outils : Cursor, Lovable, v0, Bolt, Make + IA. Quoi choisir selon votre cas.
Chaque participant commence à construire son produit IA avec le bon outil pour son cas.
Review collective des prototypes, feedback, déblocage des points durs.
Itérations, polish, intégration API IA si pertinent. On finalise.
Métriques spécifiques à l’IA, feedback loops, comment itérer après la formation.
Chaque participant présente son produit. Plan d’action personnel pour les 30 jours suivants.
Des livrables concrets,
pas des slides.
À la fin des 2 jours, chaque participant repart avec des actifs réels, pas des notes.
Un prototype fonctionnel
Un vrai produit IA que vous pouvez montrer, tester et améliorer immédiatement.
Une feuille de route 30 jours
Plan d’action personnel pour passer du prototype au produit utilisé par de vrais utilisateurs.
La maîtrise des outils clés
Cursor, Lovable, Claude API, Make.com + IA — vous savez les utiliser et les combiner.
Un framework réplicable
La méthode que vous pouvez appliquer à n’importe quelle idée de produit IA dans le futur.
Le réseau des participants
8 personnes max. Canal Slack privé post-formation pour continuer à s’entraider.
Accès à la replay + ressources
Enregistrement de la session, tous les templates, prompts et ressources utilisés.
La stack que vous maîtriserez.
On travaille avec les meilleurs outils du marché en 2027, pas des screenshots de démo.
Investissement
- 2 jours de formation intensive (14h)
- Accès à la replay vidéo complète
- Tous les templates, prompts et ressources
- Accès canal Slack privé post-formation
- Attestation de formation
- Support Robin pendant 30 jours après la formation
Questions fréquentes
document.querySelectorAll(‘.faq-q’).forEach(q => {
q.addEventListener(‘click’, () => {
const item = q.parentElement;
const wasOpen = item.classList.contains(‘open’);
document.querySelectorAll(‘.faq-item’).forEach(i => i.classList.remove(‘open’));
if (!wasOpen) item.classList.add(‘open’);
});
});
document.querySelectorAll(‘a[href^= »# »]’).forEach(a => {
a.addEventListener(‘click’, e => {
const target = document.querySelector(a.getAttribute(‘href’));
if (target) { e.preventDefault(); target.scrollIntoView({behavior:’smooth’}); }
});
});
Avis
Il n’y a pas encore d’avis.