Dev Webflow
Un système de composants qui rend l'équipe Growth autonome
Avant la migration, chaque modification du site passait par un ticket à l'équipe Produit/Tech. Délais, allers-retours, QA. Une friction constante qui ralentissait les campagnes et la publication de contenus. L'objectif de la migration Webflow était de couper ce cycle court.
La première étape a été la mise en place d'un style guide complet dans Webflow : typographies, couleurs, boutons, formulaires, icônes, tout le design system de Finary transposé en composants natifs. Une base stable qui garantit la cohérence visuelle sur l'ensemble du site, quelle que soit la personne qui publie.
Ensuite, migration des pages statiques dans l'ordre de priorité business : homepage, pages produit (Finary Plus, Finary Pro, Crypto, Budget, Plateforme…), pages pricing.
Deadline fixée, deadline respectée. Avec une attention particulière au responsive et aux bonnes pratiques SEO on-page dès le départ.
La partie la plus complexe a été la migration des contenus éditoriaux. Finary opérait sur plusieurs plateformes distinctes pour gérer son Blog, ses Actualités produit, son Changelog, son Glossaire et ses Vidéos. Tout a été centralisé dans Webflow CMS.
L'architecture des collections a été pensée pour refléter la profondeur du catalogue éditorial : catégories, sous-catégories, auteurs, tags. Une structure qui permet à l'équipe de publier de façon autonome sans jamais casser la cohérence du site.
Pour la pagination du blog (plusieurs centaines d'articles), on a utilisé Finsweet CMS Load avec génération d'URLs paginées (/blog/epargne?page=2, /blog/bourse?page=3…) — une implémentation nécessaire pour que Google puisse crawler et indexer tous les articles proprement.
Le site est multilingue (FR/EN), structuré en sous-dossiers (/fr/, /en/) avec un routing automatique basé sur la langue du navigateur de l'utilisateur.
| Stack technique | Usage |
|---|
| Webflow | Intégration, CMS, hébergement |
| Client-First | Nomenclature et organisation du projet |
| Finsweet CMS Load | Pagination avec URLs indexables |
| Wized | Fonctionnalités avancées |
| Make | Automatisation des flux de travail |
| Figma | Design source |