Projet personnel · Site portfolio
Ce portfolio
Le site que vous êtes en train de lire. Des projets qu’on attrape comme des cartes, des pages qui s’ouvrent, et des études de cas écrites pour être lues.
- Rôle
- Conception, direction artistique, pilotage de l’IA, contenus
- Technos
- Next.js, React, TypeScript, GSAP, Lenis, Matter.js, Claude Code
- Année
- 2026
L’idée
Un portfolio pour les recruteurs : chaque projet raconte ce que j’ai fait, avec quelles technos et ce que ça prouve. Mais je voulais aussi qu’on ait envie d’y rester, qu’il se manipule plus qu’il ne se lit.
Ce qu’on y trouve
- Sur l’accueil, les projets sont des cartes posées sur une table : on les attrape, on les lance, elles s’inclinent sous la souris. Une carte ouverte s’envole et devient la couverture de la page du projet.
- Un défilement fluide, des titres qui se découpent lettre par lettre, et des sections qui défilent à l’horizontale.
- Sur la page À propos, un badge qu’on attrape et qu’on retourne, et un bac de compétences animé par un moteur physique, où chaque compétence dit où je m’en suis servi.
- Des pages projets interactives, comme celle des plugins WordPress : un explorateur du code, des captures et des démos.
- Un formulaire de contact protégé contre les robots, avec une limite d’envoi.
- Le référencement soigné : données structurées, plan du site, une image de partage générée pour chaque projet et un fichier pour les moteurs d’IA.
Comment je l’ai construit
Même méthode que DidTap et Crystal Shredder : l’IA (Claude Code) a écrit le code ; moi j’ai conçu le site, choisi chaque effet, écrit et vérifié les contenus, et relu chaque page sur ordinateur et sur mobile.
Pour les captures, j’ai monté un WordPress de démonstration avec des composants de test, et j’ai enregistré les vidéos des sites image par image, à 60 images par seconde.
