01Profil02CV03Projets04Actus05Agenda06Avis07Contact
Tous les projets
Site / Web · En ligne

OXO Narbonne

Rôle Direction & orchestration IAPériode depuis nov. 2025
Texte

Avant la refonte

Le site précédent était un WordPress monté en interne, sans compétence web dédiée : des pages très denses en texte, aucun travail de référencement, pas de véritable back office, un suivi des candidatures entièrement manuel et pas de newsletter. Correct sur mobile, il ne tenait pas la comparaison sur écran, et surtout il ne ressemblait pas à une école de jeu vidéo.

La refonte s'est faite avec des règles de design assumées : pas d'animations à tout-va, pas d'effets pour l'effet. Un rendu qui parle au secteur sans tomber dans le kitsch.

Avant / Après

Accueil1/7

AprèsAprès
Page d'accueil : le site WordPress en mars 2025, et sa refonte.
Contexte
Problème

Une école du jeu vidéo doit tenir ensemble un site vitrine, un flux de candidatures, un suivi des prospects, la gestion de ses formations, de ses intervenants et de ses promotions, et les obligations documentaires de la certification Qualiopi.

Objectif

Un système unique, conteneurisé et déployé en continu, couvrant le site public et l'administration complète de l'école.

Rôle

Direction et orchestration IA : conception du système, arbitrages d'architecture et pilotage de la réalisation par des modèles.

Fonctionnalités
Site public en rendu serveur

Formations, actualités, projets étudiants, partenaires, FAQ et témoignages, rendus côté serveur pour le référencement.

Candidatures et admissions

Dépôt de dossier en ligne, suivi des candidatures et gestion des admissions depuis le back office.

CRM et journal d'activité

Suivi d'un contact de la demande d'information à l'inscription, avec historique des actions.

Indicateurs Qualiopi de l'école

Indicateurs qualité et taux de satisfaction saisis par année au back office, et publiés sur le site public.

Vie de l'école

Agenda, ateliers, promotions, intervenants, certifications et newsletter.

Traitement d'images dédié

Micro-service de redimensionnement, conversion WebP et génération d'aperçus basse définition.

Architecture
Site publicNuxt (Vue), rendu serveur
Back officeNuxt, interface d'administration du staff
API.NET, authentification, logique métier
Traitement d'imagesMicro-service Python (Flask)
Données & stockagePostgreSQL, MinIO compatible S3
Entrée & déploiementReverse proxy, certificats automatiques, images Docker sur GHCR
  • Un tag Git déclenche la construction et la publication des images : la mise en production se résume à récupérer les images et redémarrer.
  • API séparée des interfaces : le site public et le back office consomment le même cœur métier.
  • Une image Docker par service, en multi-stage, pour des conteneurs de production minimaux.
Orchestration IA
  1. Cadrage & règles

    Je définis l'architecture et la bonne façon de faire, les modèles écrivent le code

  2. Conception & développement de la V1Antigravity · Claude + Gemini

    De novembre 2025 à mars 2026

  3. DéveloppementClaude Code

    Depuis mars 2026, Antigravity abandonné sur ce projet

Sécurité
  • Authentification et contrôle d'accès · Rôles et politiques d'autorisation appliqués à l'API.
  • Scan antivirus des fichiers déposés
  • Validation des fichiers à l'envoi
  • Limitation de débit · Globale, et renforcée sur les routes sensibles.
  • Protection anti-bot sur les formulaires publics
  • Protection contre les injections HTML · Assainissement et échappement des entrées utilisateur.
  • Téléchargements par ticket · Accès aux fichiers sans jamais exposer l'URL de stockage.
  • En-têtes de sécurité et HTTPS forcé
Stack technique
.NET
Nuxt
Vue
PostgreSQL
MinIO
Traefik
Docker
GitHub Actions
Python
Mesures

Lighthouse, mesuré le 21 juillet 2026

96
Performance (ordinateur)
66
Performance (mobile)
96
Accessibilité
100
Bonnes pratiques
100
SEO
Résultats
100 %
du développement par orchestration IA
40
contrôleurs d'API, publics et privés
En ligne
oxonarbonne.fr, déployé en continu
Équipe

Équipe

  • Yohan DebusscherDirection & orchestration IA
  • GeminiModèle IA · développement
  • ClaudeModèle IA · développement