XG
Open to work
00· Xavier Guiter Academy

Apprenez à créer des apps qui ont l'air de coûter 100K$.

La plupart des développeurs livrent des produits moches parce qu'ils ignorent le branding. Apprenez à vibe coder avec une vraie base design. 6 modules, ateliers live, coaching privé.

01· Programme

6 modules.
10,5 heures.
Tout ce qu'il faut.

Chaque module s'appuie sur le précédent. À la fin, vous avez un produit brandé et déployé.

01

Fondations de marque

2 heures

Chaque grand produit commence par une marque claire. Avant d'écrire une ligne de code, il faut savoir pour qui vous construisez et pourquoi cela leur importe.

Sujets abordés
  • Définir la vision produit et la proposition de valeur unique
  • Recherche d'audience : démographie, pain points et langage
  • Analyse concurrentielle et positionnement marché
  • Choisir le bon ton de marque (premium, ludique, audacieux, minimal…)
  • Écrire un brief concept qui guide chaque décision de design
Résultat

Vous repartez avec un document de brief de marque complet, qui sert de fondation pour tout le reste.

02

Naming & stratégie de domaine

1,5 heure

Votre nom de marque est votre actif le plus important. Apprenez la technique de naming composé qui trouve à chaque fois un .com disponible.

Sujets abordés
  • La formule du nom composé : mot d'émotion + mot d'objet
  • Utiliser l'IA pour générer des centaines de candidats en quelques minutes
  • Stratégie de disponibilité de domaine (pourquoi le .com compte, quand utiliser des alternatives)
  • Bases de la vérification de marques déposées et considérations légales
  • Disponibilité des pseudos et cohérence des usernames
Résultat

Vous choisissez votre nom de marque avec un .com confirmé et les pseudos sociaux assortis.

03

Architecture d'un design system

2 heures

Un design system n'est pas un fichier Figma. C'est un ensemble de règles dans le code qui rend chaque écran cohérent sans avoir à y penser.

Sujets abordés
  • Théorie des couleurs pour développeurs : génération de palette, ratios de contraste, dark mode
  • Échelles typographiques : choix des polices, tailles, graisses et hauteurs de ligne
  • Systèmes d'espacement : la grille 4px / 8px et pourquoi ça compte
  • Variables CSS comme source unique de vérité (plus de valeurs en dur)
  • Construire une config Tailwind qui mappe vos design tokens
Résultat

Vous avez un globals.css complet avec tous les design tokens et une extension Tailwind opérationnelle.

04

Prompt engineering pour builders

2 heures

La qualité de la sortie IA dépend à 100 % de la qualité de vos prompts. Apprenez à écrire des prompts qui produisent du code prêt pour la production.

Sujets abordés
  • Architecture CLAUDE.md : règles système, conventions et contraintes
  • La différence entre prompter Claude, Cursor, v0 et Gemini
  • Prompts niveau composant vs page vs architecture
  • Prompting itératif : flux de revue, raffinement, régénération
  • Debug avec l'IA : analyse d'erreurs, profiling, audits d'accessibilité
Résultat

Vos prompts produisent du code production-ready dès la première itération.

05

Design d'interaction et finition

1,5 heure

La différence entre une app qui paraît amateur et une qui paraît premium se joue dans les micro-interactions. Chaque transition, chaque état de hover, chaque skeleton de chargement.

Sujets abordés
  • Timing des transitions et courbes d'easing (quand utiliser 150 ms vs 300 ms)
  • États hover vivants (lift, glow, décalage de bordure)
  • Patterns de chargement : skeletons vs spinners vs optimiste
  • Transitions de page avec Next.js App Router
  • Patterns responsives : ce qui change entre mobile et desktop (et ce qui ne change pas)
Résultat

Votre app semble polie sur tous les appareils. Les utilisateurs remarquent la qualité sans savoir pourquoi.

06

Lancement & croissance

1,5 heure

Construire le produit n'est que la moitié du travail. Apprenez à le lancer pour que les gens le trouvent et l'utilisent vraiment.

Sujets abordés
  • Bases du SEO : métadonnées, données structurées, sitemap, vitesse de page
  • Optimisation des performances : Lighthouse 90+, preuve sociale, placement CTA
  • Mise en place de l'analytics : quoi tracker, quoi ignorer
  • Conversion de landing page : texte hero, preuve sociale, placement CTA
  • Vos 1 000 premiers utilisateurs : canaux de distribution qui fonctionnent vraiment
Résultat

Votre produit est déployé, indexé par Google et prêt pour ses premiers utilisateurs.

02· Une communauté qui ship
210+

élèves formés depuis le lancement, de l'indie hacker au CTO de scale-up. La plupart livrent leur V1 avant la fin de la troisième session.

Ce qu'ils ont mis en ligne après l'académie.

Je m'attendais à un programme superficiel et j'ai découvert l'inverse : une méthode rigoureuse pour raisonner comme un studio de design, arbitrer entre cohérence et vélocité, et intégrer le tout dans le workflow Claude Code. Ma SaaS affiche désormais une qualité visuelle digne d'une série A.

Julie R.
Fondatrice, fintech · Cohorte de mars

En cinq sessions, j'ai pu livrer l'application, la landing page et la documentation d'onboarding. Le module consacré au design system m'a fait gagner un mois sur l'intégration sous Cursor. Une formation que je recommande à tout développeur souhaitant produire des interfaces de qualité professionnelle.

Antoine D.
Ingénieur full-stack · Coaching privé

L'équilibre entre théorie et pratique est particulièrement réussi. La formation se conclut sur un produit livrable plutôt que sur des supports théoriques. Les revues en direct sur Figma et les exports Tailwind constituent une réelle valeur ajoutée.

Mehdi K.
Product designer · Cohorte de janvier

Je souhaitais valider rapidement un MVP. Je suis arrivée à l'académie avec une idée encore peu structurée, et j'en suis repartie avec un nom validé, un domaine sécurisé, une identité complète et une landing page déployée en production. Le retour sur investissement est immédiat.

Léa P.
Indie maker · Cohorte de février
03· Logiciels maîtrisés

La boîte à outils.

Trois outils au quotidien, pour designer, prototyper et livrer plus vite que jamais.

FigmaClaude CodeClaude Design

Figma

Design produit · Expert · 10 ans

Design system, variables, prototypage, dev mode.

Claude Code

Coding agent · Avancé

Vibe coding au quotidien, du prototype au déploiement.

Claude Design

AI design · Avancé

Génération d'interfaces et systèmes design assistés.

04· Inscription

Prêt à ship ?

Les sessions tournent en petit groupe pour garantir un vrai accompagnement. Réserve une session découverte gratuite pour qu'on cale ton parcours.