Interaction et développement
mai. 2026
ClinIQ
ClinIQ est une landing marketing axée confiance pour un produit health B2C — décryptage de bilans en langage clair et préparation de visite, pas de diagnostic médical. J’ai conçu et développé la page comme un récit continu : preloader d’intro, hero, How it works épinglé, récits scénarisés, pricing, contact et bloc upload en conclusion du parcours de conversion.
Le motion porte le récit sans nuire à la lisibilité. Lenis gère le scroll fluide ; GSAP ScrollTrigger anime les reveals, le pin desktop sur How it works (Upload → Understand → Prepare) et le hover magnétique sur les cartes. Intro et navigation par ancres utilisent des preloaders rideau — sauts vers Pricing ou Stories sans pop-in. La mise en page respecte prefers-reduced-motion.
Hero fold — titre assuré sur la clarté santé, rythme marquee, CTA visible vers l’upload ; composition calme avant les preuves.
How it works — pin scroll desktop sur Upload, Understand, Prepare ; texte et visuels en cross-fade au fil du scroll.
Stories — cartes scénario avec visuels CSS ; hover magnétique sur mock UI ; récits caregiver et labs pour la confiance.
Pricing — cartes Free et Plus avec scroll reveal ; copy calme et disclaimer ; conversion sans ton enterprise.
Contact — panneau Say hello à côté du CTA email ; arc semi-circulaire responsive vers la section upload sombre en dessous.
Funnel upload — cartes fichiers empilées, champs line-style, état succès ; footer ton preloader avec disclaimer compliance.
Menu nav — sidebar avec grands liens de section, overlay atténué, bord de panneau courbe ; FAB ouvre les mêmes routes une fois le hero scrollé.