Transparence

Utilisation de l’IA

Pour réaliser ce portfolio, j’ai utilisé Claude (Anthropic) afin de m’aider à programmer certains effets, à rédiger mes textes et à préparer certains visuels. J’ai personnellement conçu le design, la structure HTML, le contenu et les styles de base, et j’ai vérifié, testé et ajusté tout ce que l’IA a produit.

Code

J’ai utilisé Claude pour générer, expliquer ou corriger une partie du code. J’ai fourni le design et ma structure de projet (Gulp, webpack et composantes JavaScript), adapté le résultat et testé les fonctionnalités.

• Effets interactifs : le halo lumineux et la traînée qui suivent la souris à l’accueil, le texte qui change sous mon nom, la galerie de photos circulaire en 3D (Three.js), la poussière d’or derrière mes projets, les animations d’apparition et le curseur personnalisé.

• Composantes : l’écran de chargement, l’agrandissement des images, le menu mobile, le header fixe et cette fenêtre, écrits selon ma façon de coder (classes avec constructor et init).

• Débogage : la synchronisation de la ligne dorée des compétences avec les cartes et des erreurs de ScrollSmoother.

• Mobile et performance : le défilement sur téléphone, les images allégées en WebP, les animations en pause hors de l’écran et l’affichage sur petits écrans.

Je maîtrise moins le code de la galerie circulaire en 3D (Three.js) et des effets de particules en canvas.

Design et images

J’ai utilisé Claude pour explorer des variantes et produire certains visuels. J’ai choisi la direction, les formes et les couleurs, et retravaillé le résultat.

• Logo : des propositions et le dessin en SVG de la nouvelle version, à partir de mon ancien logo.

• Mises en scène : mes projets affichés sur une tablette ou un téléphone, à partir de mes propres captures d’écran.

• Miniatures : les miniatures des vidéos du robot et de La route infinie à partir de mes rendus, et le changement de couleur de la miniature de ma présentation.

Rédaction et accessibilité

J’ai utilisé Claude pour structurer, raccourcir et corriger mes textes, et pour écrire les textes alternatifs (alt) des images. Les expériences et les idées sont les miennes ; j’ai relu et vérifié le résultat.

Mes projets

Chaque fiche projet contient sa propre déclaration, qui distingue l’IA utilisée pour réaliser le projet de celle utilisée pour préparer sa fiche.

Crédits

• Design, intégration et contenu : Olivier Georges

• Photo de profil : Alexandre Donato © 2026

• Polices : Rubik et Overpass (Google Fonts)

• Animations et défilement : GSAP (ScrollTrigger, ScrollSmoother et SplitText)

• 3D dans le navigateur : Three.js

• Galerie circulaire : inspirée de « Circular Gallery » de React Bits

• Halo de la souris : inspiré de l’effet « Lightfall »

• Texte qui change à l’accueil : inspiré de « Rotating Text » de React Bits

• Assistant IA : Claude (Anthropic)

Les projets présentés sont des exemples de mon travail en développement Web et en 3D. Les marques et logos appartiennent à leurs propriétaires respectifs.