Lexi AI • Landing page
Date de fin : Juillet 2025
À propos du projet
Lexi AI est une landing page moderne et animée, imaginée pour un outil fictif d’écriture assistée par intelligence artificielle. Le projet met en avant une expérience utilisateur fluide, un design soigné et des animations interactives pour capter l’attention des visiteurs.
Contexte
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.
Stack Technique
Mes tâches
- 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 obtenus
- 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...
Apprentissages
Gallerie d'images
Autres projets
Teamify • Application de gestion événementielle
Teamify est une plateforme collaborative permettant de créer, d'organiser et de gérer des événements en un seul endroit. Conçue pour les équipes et les particuliers, elle simplifie la planification grâce à des outils intuitifs de gestion des participants, de coordination en temps réel et de notifications personnalisées. Dotée d'une interface responsive et accessible, Teamify facilite la collaboration pour tous types d'événements, qu'ils soient professionnels ou personnels.
App Analyzer • Audit de site web
API Next.js complète pour l’audit automatique de sites web (Puppeteer & Lighthouse) : analyse HTML, métriques de performance, scores SEO, accessibilité, extraction des titres, rapport JSON détaillé, gestion d’erreurs robuste et typage TypeScript strict.