Mobipolis : Un nouveau site web pour un changement de marque
refonte webflow

En 2025, le GNFA, le GNFA, organisme de formation de la branche des Services de l’Automobile et de la mobilité change de cap : nouvelle marque, nouvelle ambition, nouvelle identité visuelle. Pour accompagner ce virage stratégique, une refonte complète du site était nécessaire et les équipes du GNFA se sont à nouveau tournées vers notre agence Smotly pour ce beau projet.

Au-delà d’un simple relooking, la refonte était 360° et alignée sur la nouvelle image de marque. Tout a été repensé pour intégrer la nouvelle charte graphique et migrer vers un CMS plus performant : Webflow.

Dès le lancement du projet, les enjeux étaient multiples et interconnectés. Tous les aspects techniques et fonctionnels ont été discutés pour définir une feuille de route claire, précise et détaillée. Tout le projet a été construit à partir du point central : le changement de CMS de WordPress vers Webflow.

Les objectifs stratégiques se sont articulés autour de cinq axes majeurs :

Améliorer la navigation et faciliter la recherche d'informations pour une expérience utilisateur optimisée avec un accent particulier sur la clarification de l'offre de formation et services.

Migrer vers Webflow pour offrir aux équipes une liberté totale d’édition grâce à une interface d’administration intuitive - remplaçant les contraintes de WordPress par un outil moderne et intuitif.

Optimiser le référencement naturel dès la conception, avec une architecture pensée SEO et un plan de redirection sécurisé pour préserver la puissance acquise.

Sécuriser la migration des données depuis l'ERP et l'agrégateur existants tout en intégrant ClickDimensions pour automatiser la gestion des prospects ayant compléter des formulaires.

Décliner parfaitement la nouvelle charte graphique Mobipolis pour créer une cohérence visuelle forte et moderne sur l'ensemble du parcours digital.

Pour transformer cette refonte en succès durable, nous avons mis l’accent sur la création d’un système évolutif et sécurisé. La phase de conception a été particulièrement soignée : de l’analyse des personas à la création d’un design system complet en passant par une refonte totale de l’arborescence.

Notre approche s’est structurée autour de deux typologies de pages complémentaires :

• Les pages templates : duplicables à l’infini, elles permettent aux équipes Mobipolis de créer du contenu via des champs prédéfinis dans le back-office Webflow. Parfaites pour les formations, actualités ou témoignages, elles garantissent une mise en forme cohérente sans compétences techniques.
• Les pages de référence : construites avec des composants co-créés et identifiés ensemble, elles offrent une flexibilité maximale pour créer des pages uniques en piochant dans une bibliothèque de blocs prêts à l’emploi. Cette approche modulaire évite les écarts de design et préserve la cohérence visuelle.

Résultat ? Les équipes Mobipolis peuvent désormais créer, modifier et publier leurs contenus en toute autonomie, avec la garantie d’un rendu professionnel et cohérent.

Le site a fait peau neuve ! Place à Mobipolis : nouveau design, navigation repensée, fonctionnalités optimisée. Jugez par vous-même en vous rendant directement sur le site de Mobipolis.

Phase de lancement et cadrage – début février : analyse approfondie des besoins, définition du périmètre fonctionnel et technique, priorisation des livrables et planification détaillée.

Phase de conception : ateliers de co-création, définition des personas, définition d’une nouvelle arborescence, wireframes de toutes les pages, validation des maquettes et du design system pour démarrer sans attendre la production.

Phase de développement – 1 mois seulement : mise en place de l’architecture technique Webflow, développement des composants et templates, intégration des fonctionnalités avancées.

Phase de déploiement & formation : migration des contenus, et formation des équipes Mobipolis sur la prise en main du back office Webflow. La majorité des informations ont été récupérées automatiquement depuis l’ERP et l’agrégateur existants, mais de nombreuses données complémentaires ont dû être ajoutées ou enrichies manuellement par les équipes Mobipolis pour être disponibles avant la mise en ligne.

Phase de recette : Une fois le socle technique validé, la recette a permis de vérifier l’ensemble des fonctionnalités, la qualité des contenus, l’intégrité des données migrées et la performance générale du site.

Webflow & la puissance d’un back-office sur-mesure

Le choix du CMS Webflow a été déterminant pour accompagner la transformation digitale de Mobipolis. Bien plus qu’un simple outil de gestion de contenu, Webflow offre une expérience d’administration inédite, pensée pour l’autonomie et la créativité des équipes, sans compromis sur la cohérence graphique.

• Un back-office accessible et sécurisé Grâce à Webflow, les équipes Mobipolis peuvent désormais gérer l’intégralité du contenu du site sans connaissances techniques. Les pages dites “templates” offrent une structure prédéfinie : idéales pour publier des formations, actualités ou témoignages, elles garantissent un rendu homogène et professionnel… mais restent, par nature, limitées à une structure fixe.
• Des pages de référence ultra-flexibles, grâce à la logique de composants La véritable innovation de cette refonte réside dans la gestion des pages de référence. Chaque section du site a été pensée comme un composant indépendant, avec son propre design et ses règles d’affichage. Depuis le back-office, les équipes construisent leurs pages “à la carte”, en sélectionnant, ordonnant et combinant les composants selon les besoins du moment. C’est tout le confort d’un builder : une flexibilité maximale pour créer des pages uniques, adaptées à chaque message, chaque opération ou événement.
• Sécurité et cohérence du design garanties Contrairement aux solutions classiques, cette approche permet une liberté totale sur le contenu et la mise en page, tout en verrouillant le design et la responsivité : impossible de casser la charte graphique ou l’expérience utilisateur, chaque composant étant préalablement validé et optimisé. Les équipes Mobipolis peuvent donc innover, tester, adapter leur communication sans risque de dérive ni perte de qualité visuelle.

Un vrai plus pour Mobipolis Ce système permet à Mobipolis d’être 100 % autonome, réactif et créatif dans la gestion de son site, tout en offrant une expérience utilisateur haut de gamme, fidèle à la nouvelle identité de la marque. Un atout stratégique pour accompagner la croissance et la transformation du groupe, sans jamais sacrifier la qualité !