J’utilise l’IA comme outil d’assistance, jamais comme remplacement. Tout ce qui est ici a été relu, testé et adapté par moi.
Le HTML, le CSS (SCSS) et le responsive de tout le site, la structure des pages, les animations et l’intégration.
L’IA m’a aidé à explorer des pistes pour la direction visuelle et la mise en page, comme le style sombre et les choix de composition. J’ai gardé et adapté ce qui correspondait à mon identité.
L’IA m’a assisté pour rédiger et reformuler une partie des textes du site, notamment les contenus des fiches projets, que j’ai ensuite relus et corrigés.
L’IA m’a aidé à comprendre et corriger certains problèmes de code, comme les épinglages au défilement (pins) sur mobile, le comportement des liens et des transitions, et l’effet de survol sur les appareils tactiles. Je suis toujours resté responsable du code final.
Les animations du site utilisent GSAP, avec ScrollTrigger pour les déclencher au défilement et SplitText pour découper les
titres en lettres ou en lignes. Elles incluent l’apparition des titres, le tracé des séparateurs, la barre de progression
sous le header, les barres de compétences avec compteur, les mots-clés qui s’allument au défilement, l’apparition des
rangées de projets, ainsi que le bloc orange qui balaie les photos, inspiré de ma transition de page.
Assistance de l’IA
: l’IA a écrit une grande partie du code de ces animations à partir de mes demandes, et m’a aidé à corriger un conflit entre
une transition CSS et GSAP qui bloquait certains éléments. Je décidais des effets à garder, à retirer ou à harmoniser.
Fait par moi
: la direction visuelle, le système de blocs orange et la structure du site sur lesquels elles s’appuient, le choix des
effets, ainsi que la vérification et les tests sur le site, y compris sur mobile.