VitamCV se dote d'une landing page entierement animee, d'un systeme de scoring ATS visuel a cercles SVG, de pages legales completes et d'une identite email coherente. L'objectif : communiquer clairement la valeur du generateur de CV par IA des la premiere visite.
Landing page avec sections animees
Six sections animees presentent les fonctionnalites cles de VitamCV :
- Hero avec conversation simulee en temps reel, scores ATS et competences qui s'illuminent
- Fonctionnalites : coaching IA, optimisation ATS, adaptation a chaque offre, coaching anti-imposteur, generation de documents, support bilingue FR/EN
- Comment ca marche : parcours en 3 etapes avec timeline interactive
- Avant/Apres : slider de comparaison entre un CV generique et un CV optimise par VitamCV
- Tarification : packs de credits avec le premier CV gratuit mis en avant
- Offre de bienvenue : inscription sans carte bancaire
Chaque section utilise un chargement paresseux (lazy-loading) pour des performances optimales. Les animations CSS sont declenchees au scroll sans dependance a Framer Motion.
Scoring ATS multi-cercles SVG
La visualisation du score ATS utilise desormais des cercles SVG animes pour chaque dimension (correspondance, completude, coherence, authenticite). L'animation progressive donne un retour visuel immediat sur la qualite de votre CV.
Pages legales completes
Trois pages legales conformes au RGPD sont disponibles :
- Politique de confidentialite : traitement des donnees par l'IA, sous-traitants (Supabase, Stripe, OpenAI/Anthropic), droits RGPD, stockage UE
- Conditions d'utilisation : consentement au traitement IA, systeme de credits, propriete intellectuelle
- Politique de cookies : cookies essentiels uniquement, analytics Vercel sans cookies
Un bandeau de consentement aux cookies permet d'accepter ou refuser les cookies analytiques des la premiere visite.
Pages d'authentification redesignees
Les pages de connexion et d'inscription adoptent un layout split-view avec des elements decoratifs animes et des titres centres. Le favicon est aligne sur la palette de couleurs VitamCV.
Tarification personnalisee
La section tarification utilise un composant custom qui affiche les 3 packs de credits (Starter, Pro, Career Boost) avec prix en euros, economie par credit et bouton d'achat. Le premier CV gratuit est mis en evidence.
Templates email rebrandees
Tous les emails transactionnels (confirmation, reinitialisation de mot de passe) portent desormais l'identite visuelle VitamCV : logo, couleurs, attribution auteur.
Ce que cela change pour vous
La landing page presente clairement ce que VitamCV fait, comment il fonctionne et combien il coute — le tout dans une experience visuelle soignee, conforme RGPD et optimisee pour la performance.