01Gestion de projet
Pilotage en supervision IA
Cadrage et pilotage de l'ensemble du projet via Claude Code : prompts structurés, itérations, corrections et arbitrages en temps réel. La totalité des fichiers HTML, CSS et JS a été générée, corrigée et optimisée sous supervision IA sur 24h.
02Design / UX
Architecture de l'information
Définition de l'arborescence complète (~20 pages), du maillage interne en 3 clics maximum (projets → tâches, expertises → tâches) et des 5 gabarits avec leur zoning stratégique et leurs parcours utilisateurs.
03Design / UX
Système de design sur mesure
Création du design system complet : variables CSS (couleurs, typographie, espacements, rayons), 5 gabarits de pages sur mesure, hiérarchie visuelle cohérente, composants réutilisables (boutons, badges, cartes, dividers, topbar).
04Développement
Topbar IA scroll-aware
Conception d'une topbar distinctive (gradient sombre, badge AI, animation shimmer) injectée dynamiquement en JS sans modifier les fichiers HTML. Comportement hide/show au scroll pour ne pas gêner la lecture, avec texte bilingue FR/EN automatique.
05Développement
Intégration HTML / CSS / JS
Structure de dossiers classique, CSS partagé modulaire (design-system, nav, hero, sections). Animations fluides : fadeUp, role slider, filtres tâches dynamiques, lightbox galerie, subnav avec active tracking au scroll.
06Développement
Site bilingue FR / EN
Création de l'intégralité des pages en version anglaise (~20 pages supplémentaires), avec sélecteur de langue dans la navigation, gestion des liens inter-versions et adaptation des textes de formulaires de contact.
07Conception / rédaction
Rédaction & intégration des contenus
~20 pages de contenu rédigé et intégré directement via Claude Code en terminal, sans back-office. Tâches projets, descriptions de services, pages formation et expériences. Modification et suppression de pages plus rapides qu'un back-office classique.
08Conception / rédaction
Auto-génération de contenu depuis Asana
Export des tableaux de bord Asana des projets passés, puis génération automatisée du contenu des tâches (titres, descriptions, catégories) via IA à partir de ces exports. Gain de temps significatif sur la production de contenu.
09Conception / rédaction
Génération de visuels IA
Création du portrait professionnel et des visuels mockup du site via IA générative. Intégration directe dans les gabarits hero et cartes projets.
10Marketing
Stratégie CTA & génération de leads
Placement stratégique des call-to-actions sur chaque page : hero, subnav projet, sections intermédiaires et bas de page. Parcours optimisé pour maximiser le taux de conversion vers le formulaire de contact ou le téléphone.
11Marketing
Formulaires de contact & délivrabilité
Formulaires contextuels en bas de chaque page projet et service. Intégration de l'API Formspree pour la réception et la délivrabilité des emails. Gestion des états en AJAX (envoi, succès, erreur) sans rechargement de page.
12Architecture / SI
Domaine, hébergement & SSL
Réservation du nom de domaine gregoirepuget.com, configuration de l'hébergement statique haute performance et mise en place de la certification SSL. Performance maximale : aucun temps serveur, fichiers servis directement.
13Gestion de projet
Versionning Git sémantique
Mise en place du versionning Git avec numérotation sémantique des versions (v1.0 → v1.2 → v2.0) et tags à chaque jalon. Chaque évolution majeure (EN, topbar IA, CI/CD) correspond à une version numérotée.
14Architecture / SI
Pipeline CI/CD automatisé
Configuration du pipeline GitLab CI/CD : déploiement continu automatique déclenché à chaque push sur la branche main. Le site est mis à jour en production sans intervention manuelle à chaque nouvelle version.
15Architecture / SI
Tests automatisés
Vérification automatique du HTML/CSS/JS et contrôle du maillage interne (liens brisés, cohérence des versions FR/EN) intégrés au pipeline. Chaque versionning déclenche une batterie de tests avant déploiement.
