Mission agence — Mazette · 2025 · Finance & Assurance
Enerfip : site Webflow avec données affichées via API
Une plateforme de financement participatif dédiée aux énergies renouvelables. Le défi : afficher en front des données venues directement de l'API du client, sur un site de près de 50 pages en 5 langues.
- Contexte
- Mission agence — Mazette
- Rôle
- Développement Webflow complet
- Durée
- 5 semaines
- Année
- 2025
- Stack
- Webflow
- Webflow Localize
- Finsweet Attributes
- LottieFiles
- GSAP
- Swiper.js
- JavaScript custom
- API client
- Trustpilot
- GTM
- GA4
- Axeptio
Le contexte
Enerfip est une plateforme de financement participatif dédiée aux projets d’énergies renouvelables. Un site dense — près de 50 pages, 23 collections CMS, cinq langues — avec une exigence particulière : certaines données affichées ne vivent pas dans le CMS Webflow, mais dans le back-end du client.
Afficher des données issues de l’API client
C’est le cœur technique du projet. Les informations sur les projets de financement sont gérées côté client ; il fallait les récupérer et les afficher dans Webflow, en temps réel, sans dégrader le rendu ni les performances.
Tout a été construit en JavaScript côté front : appel à l’API, traitement de la réponse, injection dans le DOM, et gestion des états (chargement, données vides, erreur). Ce genre d’intégration sort du cadre classique de Webflow et demande de raisonner comme sur un projet front à part entière.
Le multilingue et l’architecture CMS
Cinq langues gérées via Webflow Localize, sur une arborescence de 23 collections et 19 templates CMS. À ce niveau de volume, la structure des collections et leurs relations décident de la maintenabilité du site pour les années qui suivent.
Transmettre, pas seulement livrer
Pendant le build, j’ai formé en visio l’alternant d’Enerfip au Webflow, pour qu’il puisse reprendre la gestion du site après la livraison.
C’est une partie du métier que j’apprécie particulièrement : un site bien construit mais que personne ne sait faire évoluer finit toujours par se dégrader. Former l’équipe qui va vivre avec, c’est ce qui rend le travail durable.
En chiffres
- Environ 48 pages
- Environ 23 collections CMS
- Environ 19 templates CMS
- 22 components
- 5 langues