01Profil02CV03Projets04Actus05Agenda06Avis07Contact
← Tous les projets
Site / Web · En ligne

Portfolio, site freelance et back office

Rôle Conception, direction & orchestration IA
Le portfolio en desktop, le back office en tablette et le site freelance en mobile
Contexte
Problème

Présenter un profil de direction hybride, entre technique, management et business, demande plus qu'une liste de compétences. Il faut un site qui tienne ce discours, un contenu qui reste modifiable sans toucher au code, et un système qui serve lui-même de preuve de ce que j'avance.

Objectif

Un site public rapide et référencé, un back office qui rend tout le contenu éditable, et un assistant conversationnel branché sur ce contenu et sur mon agenda.

Rôle

Conception, direction et orchestration IA : architecture, règles de développement et arbitrages. Les modèles écrivent le code.

Fonctionnalités
Deux sites publics rendus côté serveur

Rendu serveur pour le référencement, en français et en anglais.

Tout est éditable au back office

Profil, projets, articles, CV, parcours, analyses, réglages : aucun contenu éditorial n'est codé en dur.

Assistant conversationnel

Branché sur le contenu du site et sur l'agenda, il répond aux visiteurs et propose des créneaux.

CV éditable et export PDF

Le CV se rédige au back office et s'imprime en PDF A4 par un service dédié.

Pipeline média durci

Chaque image est validée, ré-encodée en WebP, débarrassée de ses métadonnées et renommée.

Audience sans cookies

Mesure d'audience respectueuse de la vie privée, sans bandeau de consentement.

Site freelance en chapitres

Constat, offre, méthode, réalisations, à propos et questions fréquentes, enchaînés en une seule page.

Assistant commercial

Sur le site freelance, un assistant conversationnel dédié, distinct de celui du portfolio, avec sa propre configuration.

Prise de rendez-vous

Choix d'un créneau réel depuis le site, sans échange de mails préalable.

Newsletter conforme au RGPD

Inscription et désinscription maîtrisées, sans traceur publicitaire.

Constellation des réalisations

Les projets présentés comme une carte stellaire navigable, au doigt comme à la souris.

Architecture
ProxyCaddy, seul service exposé, HTTPS automatique et en-têtes de sécurité
Deux sites publicsNext.js, rendu serveur, français et anglais
Back officeNext.js, privé, jamais exposé publiquement
DonnéesPostgreSQL via Prisma, un rôle par usage
StockageLecture publique des médias, écriture interne uniquement
Services de traitementImages, vidéos et PDF du CV, sur un réseau interne sans accès Internet
Agents IAUne vingtaine d'agents métier pilotés depuis le back office, mesurés par un banc de simulation
Mesure d'audienceSans cookies, privée
  • Un seul point d'entrée public : le back office et la mesure d'audience restent privés.
  • Le site public lit la base avec un rôle en lecture seule : une compromission ne permet pas d'écrire.
  • Les services qui sortent sur Internet sont isolés du réseau des données.
  • Aucun contenu éditorial dans le code, pour que le site vive sans livraison technique.
Orchestration IA
  1. Cadrage & règles

    Architecture, normes de code et garde-fous posés à la main, une fois pour toutes

  2. Analyse & planClaude Code · Opus

    Plan écrit et validé avant la moindre ligne de code

  3. ExécutionClaude Code · Sonnet · Fable

    Branche dédiée, commits atomiques, tests verts à chaque étape

  4. Documentation, revue & validationClaude Code · Haiku

    Docs remises à jour et parcours réel rejoué en navigateur

  5. Décision

    Arbitrages et mise en production côté humain

Sécurité
  • Double authentification obligatoire · Sur tous les comptes du back office.
  • Mots de passe hachés · Jamais en clair, jamais en empreinte obsolète.
  • Limitation et verrouillage à la connexion · Messages d'erreur génériques, sans énumération de comptes.
  • Protection CSRF et cookies de session durcis
  • Validation de toutes les entrées externes · Schémas stricts à chaque frontière serveur.
  • Base de données jamais exposée · Réseau interne sans accès Internet, aucun port publié.
  • Contenu riche rendu isolé · Le CV HTML est rendu dans un contexte cloisonné.
Stack technique
Next.js
TypeScript
Tailwind CSS
Prisma
PostgreSQL
Docker
Caddy
MinIO
Vitest
Playwright
Python
GitHub Actions
Mesures

Lighthouse, mesuré le 21 juillet 2026

100
Performance (ordinateur)
95
Performance (mobile)
100
Accessibilité
100
Bonnes pratiques
100
SEO
Résultats
100 %
du développement par orchestration IA
0
contenu éditorial codé en dur
FR · EN
site traduit, traduction assistée à la sauvegarde
3 578
tests automatisés, plus 58 parcours rejoués en navigateur
Équipe

Équipe

  • Yohan DebusscherConception, direction & orchestration IA
  • ClaudeModèle IA · développement
  • GeminiModèle IA · développement
Galerie