Glisser pour comparer le hero
⇔
AvantAprès
La page perso a été retravaillée dans un style inspiré d'Apple : typographie grasse et serrée, verre dépoli, relief, couches en parallaxe, cartes 3D, bento animé, vidéo générée par IA. À gauche la version d'origine, à droite la nouvelle.
| Élément | Avant | Après |
|---|---|---|
| Typographie | Anton, capitales condensées | Inter Tight 700, interlettrage serré, casse naturelle, dégradés sur les mots clés (proche du SF Pro Display d'Apple) |
| Navigation | Aucune | Pilule flottante en verre dépoli (blur 20 px, saturation 180 %) qui apparaît au scroll, barre de progression corail |
| Hero | Vidéo, titre, sous-titre | Titre révélé ligne par ligne, pastille identité, trois chips en verre flottantes à trois profondeurs (parallaxe souris), sortie Apple (recul, flou, fondu) |
| Scroll | Natif | Lenis synchronisé sur le ticker GSAP, grain animé, halo corail qui suit le curseur |
| Cartes « terrains » | Fondu vertical | Bascule 3D à l'entrée (perspective 1600 px), inclinaison à la souris avec reflet, bordure dégradée par masque, ombres en relief |
| Section « système » | Inexistante | Bento à six tuiles en verre : cube d'obsidienne (image Nano Banana Pro animée par Kling 3.0), leads, chat SAV, anneau de progression, barres, terminal qui tape en boucle |
| Scrollytelling | Vidéo scrubbée, légendes en fondu | Vidéo réencodée avec une keyframe toutes les 10 images (4 Mo au lieu de 10,5 Mo, scrub fluide), légendes avec échelle et flou, indicateur d'étapes |
| Parcours | Inexistant | Section épinglée à défilement horizontal en cinq étapes, empilée verticalement sur mobile |
| Chiffres | Compteurs simples | Panneau en verre, chiffres en dégradé, séparateurs lumineux |
| Boutons | Survol simple | Magnétiques (attirés par le curseur), reflet glissant, ombre corail portée |
| Accessibilité | Aucune gestion | Tout est désactivé proprement avec prefers-reduced-motion, effets souris réservés aux pointeurs fins |