Mobipolis : Un nouveau site web pour un changement de marque

Mobipolis (ex-GNFA) : refonte digitale et changement d’identité pour un acteur clé de la mobilité

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.

Date de création

1973 – refonte mai 2025

Secteur d'activités

Formation professionnelle et développement des compétences

Technologies utilisées

Webflow

Next.JS

Figma

Compétences mobilisées lors du projet

Design UX/UI
Développement front-end et back-end
Architecture technique
API ERP
Migration de contenus
SEO
Gestion de projet
Formation des équipes
Analytics – Google analytics, Looker Studio, Google Tag Manager

Simplifier, performer et convertir : les défis d'une migration et refonte stratégique de Webflow vers WordPress

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 :

Design, architecture & autonomie : un site sur-mesure et maîtrisé pour Mobipolis

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.

Une transformation totale

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.

Gérer une refonte web ambitieuse avec un planning serré : notre approche étape par étape

Pour réussir la refonte de Mobipolis dans les délais imposés, nous avons mis en place une organisation agile et pragmatique, adaptée à l’urgence et à la complexité du projet. Dès le lancement officiel en février 2025, le planning a été construit autour d’un objectif : livrer un site opérationnel en moins de trois mois, tout en assurant un transfert de compétences et une autonomie rapide des équipes.

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.

Le site a été mis en ligne le 3 juin, dans la foulée de la communication presse officielle de Mobipolis le 2 juin. Compte tenu de la rapidité de la phase de production, certains arbitrages ont été nécessaires afin de garantir une mise en ligne conforme au périmètre défini et à la qualité attendue. Après le lancement, nous avons poursuivi les optimisations et déployé les derniers correctifs pour parfaire l’expérience et atteindre l’excellence. C’est aussi la réalité d’un projet digital : faire face à des contraintes de temps et de business, prendre les bonnes décisions au bon moment, et avancer avec agilité. Avec Smotly, chaque défi devient une opportunité et tout devient possible !

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é !

Le + du projet

Le mot de la fin ?

Un grand merci à l’équipe Smotly pour son accompagnement à la fois professionnel, réactif et toujours à l’écoute. Vous avez su nous guider dans les bons choix, avec justesse et clarté. Grâce à votre expertise, nous avons pu faire les bons arbitrages aux bons moments, en confiance. Certes certains correctifs sont toujours en cours mais le résultat est à la hauteur de nos attentes : un site moderne, fluide, cohérent, et fidèle à l’identité de Mobipolis.

Mirella POLJAKOVIC, Responsable Marketing & Communication

Audit gratuit

Prenez rendez-vous gratuitement en 1 clic !

Vous souhaitez créer ou refondre votre site vitrine, ou avez des questions à nous poser ? Réservez un créneau pour un échange par téléphone ou par visio.

Prochaines disponibilités

Stéphane