Un site sobre et efficace au service de la rénovation parisienne

image projet antoine laly
Profil
Ma rénovation - Entreprise du bâtiment -Paris
Service
Site web et ApplicationFormation et Conseil
Expertise
Next.jsLeaflet-MapboxAPIHeadless CMS Contentful

Mission : Créer un site vitrine performant mettant en avant des projets de rénovation à Paris, avec une gestion centralisée via Contentful, des animations GSAP/ScrollTrigger, une carte interactive Leaflet/Mapbox, et un portfolio filtré sobre mais efficace.

Challenges techniques :

  1. Gestion centralisée du contenu : Configurer un CMS partagé avec Contentful pour simplifier la mise à jour et l’administration du contenu par plusieurs utilisateurs.

  2. Animations immersives : Ajouter des effets de scroll fluides et attrayants pour dynamiser la navigation, sans impacter les performances.

  3. Localisation des projets : Développer une carte interactive des projets parisiens avec une visualisation intuitive et des informations détaillées au survol.

  4. Portfolio interactif : Créer une page portfolio élégante avec des filtres dynamiques pour accéder rapidement aux projets pertinents.


Solutions apportées :

  • Contentful partagé : Mise en place d’un CMS centralisé pour une gestion efficace des données, avec des champs adaptés aux besoins spécifiques du client.

  • Effets de scroll avec GSAP/ScrollTrigger : Intégration d’animations fluides et responsives pour renforcer l’esthétique tout en optimisant les performances grâce à une gestion fine des déclencheurs d’animation.

  • Carte interactive avec Leaflet et Mapbox : Développement d’une carte permettant de localiser les projets, représentés par des vignettes cliquables, avec affichage de photos agrandies au survol.

  • Portfolio filtré : Implémentation d’une page portfolio sobre mais sophistiquée, avec des filtres dynamiques pour une expérience utilisateur simplifiée et rapide.


Technologies utilisées :

  • Contentful pour la gestion centralisée du contenu.

  • GSAP/ScrollTrigger pour les animations immersives.

  • Leaflet et Mapbox pour la localisation interactive des projets.

  • TailwindCSS pour un design sobre, responsive et efficace.


Résultats :

  • Un site visuellement épuré mais techniquement avancé, répondant aux besoins de mise en valeur des projets de rénovation.

  • Une carte interactive intuitive permettant de visualiser les projets parisiens en un coup d’œil.

  • Une navigation fluide et engageante grâce aux animations et aux fonctionnalités interactives.