Refonte & Optimisation d'Aureon

Aureon a été conçu pour être bien plus qu'une simple landing page : c'est un produit démontrant des compétences avancées en architecture front-end, en animation 3D et en expérience utilisateur fluide.

1. L'Expérience "Wow Factor"

L'ancien header avec de simples effets CSS a été remplacé par un système de particules en Three.js (WebGL). Cela offre une profondeur tridimensionnelle interactive, tout en conservant une excellente fluidité grâce à une utilisation mesurée des draw calls et des matériaux.

Les animations de défilement (ScrollTrigger) ont été intégrées via GSAP, remplaçant un IntersectionObserver basique. Les éléments apparaissent avec des effets de parallaxe et des décalages (staggers) qui guident l'œil de l'utilisateur.

2. Architecture CSS & Performance

Le fichier monolithique de 50Ko a été scindé en modules CSS clairs (variables, layout, components). L'utilisation de Vite permet la minification, le bundling des assets et garantit des temps de chargement records (Scores Lighthouse à 100).

3. Interactions avancées

• Curseur personnalisé : Un curseur magnétique géré par GSAP pour une fluidité à 60fps.
• Chatbot IA simulé : Intégration d'une logique de réponse asynchrone pour imiter une interaction API, avec un système de file d'attente (typing indicator).
• Simulateur ROI : Utilisation de Chart.js pour rendre visuelles les économies potentielles, actualisées en temps réel.