Lexi AI
Landing page
Contexte et Enjeux
Lexi AI est une landing page moderne et animée, conçue autour d’un outil fictif d’écriture assistée par intelligence artificielle. Le projet met l’accent sur une expérience utilisateur fluide, un design élégant, des animations dynamiques et une intégration pixel-perfect.
Missions réalisées
- Initialisation React avec Tailwind
- Mise en place du design system (typographie, couleurs, variables CSS, radius)
- Intégration des sections: Hero, How it works, Features, Testimonials, Pricing, FAQ, Final CTA
- Création du layout global avec Header/Footer et pattern de fond
- Composants UI réutilisables (boutons, cartes)
- Animations légères (Framer Motion, typed), lissage du scroll
- Optimisations de performance (hydratation sélective, assets optimisés)
- Gestion des assets: images, SVG, favicon, polices locales
- Configuration Tailwind (plugins forms/typography/aspect-ratio/animate)
- Déploiement sur Vercel et vérification basique d’accessibilité/SEO
Résultats
- Landing page statique, rapide et responsive, conforme aux objectifs d’intégration
- Expérience utilisateur fluide: sections structurées, animations discrètes, navigation agréable
- Design system cohérent et composants réutilisables facilitant l’évolution
- Structure de code claire (React + Shadcn UI) favorisant la maintenabilité
- Performances solides grâce à l’hydratation sélective et à l’optimisation des assets
- Déploiement fiable sur Vercel avec routing etc...
Date
Juillet 2025
Technologies
Découvrir d'autres projets
Framix
Création d’une landing page moderne et responsive visant à présenter un outil fictif de création de pages en no-code. Projet focalisé sur l’intégration pixel-perfect, la performance et l’accessibilité, en s’appuyant sur Astro (îlots React), TailwindCSS, animations légères (Framer Motion) et un design system cohérent. Architecture simple et maintenable, déploiement statique sur Vercel, sans backend applicatif.
Elecsud Energies
Conception et développement d'un site vitrine haut de gamme pour Elecsud Energies, artisan électricien à Marseille. Le site met en avant les services (dépannage, urgence, installation), la zone d'intervention et l'expertise de l'entreprise. L'accent a été mis sur le design, la fluidité des animations et l'optimisation pour la conversion (demandes de devis et appels urgents).