Problématique du projet de refonte
Comment faire du site d’un accélérateur deeptech un outil qui génère des candidatures qualifiées pour chacun de ses programmes, tout en le rendant lisible par Google et par les moteurs IA ?
21st by CentraleSupélec accompagne trois publics, sur le campus de Paris-Saclay et à Station F : les chercheurs qui veulent valoriser une technologie, les étudiants qui lancent leur projet, et les entrepreneurs qui accélèrent leur startup. Le site porte trois missions :
- Orienter chaque visiteur vers le programme qui correspond à son profil, jusqu’à la candidature.
- Valoriser l’écosystème : les startups accompagnées, les mentors, les formations et les événements.
- Asseoir la légitimité de CentraleSupélec sur l’entrepreneuriat deeptech.
L’audit a montré que ces trois missions étaient freinées par une arborescence incomplète, une offre peu claire, une navigation qui dispersait les visiteurs et des fondations SEO absentes. Aucun outil ne permettait de mesurer la performance du site.
Les enjeux de la mission
Pour l’activité
- Générer davantage de candidatures, mieux qualifiées selon les trois programmes : Maturation, Incubation et Accélération
- Présenter l’offre complète, y compris les programmes et formations absents de l’ancien site
- Mettre en avant les startups accompagnées comme preuves de réussite
- Rendre l’équipe autonome sur la mise à jour des contenus, en français et en anglais
- Mesurer l’audience et le parcours de candidature
Pour le site
- Reconstruire l’arborescence et les parcours autour des trois profils de visiteurs
- Poser des bases SEO techniques solides : balises, canonical, sitemap, données structurées
- Rendre le site lisible par les moteurs de réponse IA
- Proposer une version anglaise indexable
- Repartir d’un code propre et entièrement responsive
Ma méthode
Chaque décision part d’un constat documenté dans l’audit et a été validée avec l’équipe de 21st avant mise en ligne. La mission a débuté en novembre 2024. Le nouveau site a été mis en ligne en mai 2026, sur un projet Webflow reconstruit de zéro.
Étape 1 : audit UX/UI et SEO de l’ancien site
J’ai audité dans Figma les pages principales, les pages programmes et les gabarits CMS (fiches startups, articles). L’audit UX/UI compte +100 annotations, page par page. Il est complété par un audit SEO technique chiffré.
- Navigation : un menu sans hiérarchie, des liens en double vers la page contact, plusieurs appels à l’action concurrents dans une même zone, aucun bouton visible sans faire défiler
- Contenu : un H1 réduit à un slogan (« Hello visionaries. »), des accroches génériques, une offre et des conditions peu lisibles sur les pages programmes
- Parcours : un maillage interne sans densité, aucun lien vers les programmes depuis les fiches startups et les actualités, des formulaires de candidature génériques
- Cohérence et responsive : des espacements hétérogènes, des cartes de hauteurs inégales, plusieurs sections non responsive
- Code : aucune méthode de nommage, des centaines de blocs non identifiés, 238 classes CSS et 49 animations inutilisées
S’y ajoutaient l’absence de balise canonical globale, de données structurées et de page 404, des gabarits de travail présents dans le sitemap, et aucune Search Console configurée.
Étape 2 : conception UX autour de trois profils
J’ai cartographié les parcours de l’ancien site pour localiser les ruptures. Un visiteur qui lisait une fiche startup ou une actualité n’avait aucun chemin vers les programmes. Après l’envoi d’une candidature, rien n’indiquait la suite.
Le nouveau site s’organise autour des trois profils accompagnés par 21st, chacun relié à son programme :
La navigation propose une entrée par profil : « Je suis étudiant(e) », « Je suis chercheur(se) », « Je suis entrepreneur(e) ». L’arborescence intègre des rubriques absentes de l’ancien site : les formations (Parcours CS+E, Entrepreneur Tech Year, Filière Entrepreneur, MSc CentraleSupélec ESSEC Entrepreneurs, Deeptech+), les mentors, les événements et le programme Lead’Hers dédié à l’entrepreneuriat féminin.
J’ai redessiné les parcours pour que chaque page mène à un programme. Une fiche startup renvoie vers le programme suivi par la startup. Un article tagué « Accélération » se termine par un appel à candidater à ce programme.
Le prototype et les contenus ont été construits en ateliers avec l’équipe de communication, sur plusieurs itérations. La homepage s’ouvre désormais sur une promesse explicite, « Accompagner l’entrepreneuriat deeptech et IA, de l’idée à l’impact », et sur les chiffres clés de l’école : 1 065 startups fondées par des alumni depuis 1984 et 8 licornes, selon Dealroom.
Étape 3 : maquettes avec le webdesigner
La direction artistique a été créée par Pierre-Alain Mondello J’ai annoté chaque maquette pour qu’elle réponde aux constats de l’audit et aux parcours validés :
- un dégradé animé propre à chaque programme, pour le reconnaître d’une page à l’autre
- un sous-menu d’ancres fixe sur les pages programmes
- l’offre remontée en haut de page, présentée en deux cartes avec un tableau détaillé
- les domaines d’innovation lisibles sans clic
- des preuves sociales : startups mises en avant, témoignages et parcours d’entrepreneurs
- un appel à l’action clair en fin de section, vers la candidature ou le programme
Étape 4 : développement Webflow et CMS
J’ai développé le site sur un nouveau projet Webflow, avec la méthode Client-First : une nomenclature codifiée et reconnue par la communauté Webflow. Une guideline réunit les styles, la typographie et les composants communs. Le code de l’ancien site, ses classes et ses animations inutilisées tout a été supprimé.
Le CMS compte 12 collections, structurées pour que l’équipe publie sans toucher à la mise en page :
Les types d’actualités et les hashtags complètent la structure. Dans chaque collection, les champs sont regroupés par usage : contenu, accompagnement, domaine d’innovation, candidature et SEO.
- Le portfolio startups se filtre par programme, par domaine d’innovation et par caractère deeptech. Des badges signalent les alumni, les startups soutenues par CentraleSupélec Venture et les spin-off.
- Les témoignages s’affichent sur les pages choisies par l’équipe, à l’aide d’interrupteurs dans le CMS.
- Les formulaires de candidature Typeform sont intégrés dans un gabarit CMS commun à toutes les pages de candidature.
- Sept nouvelles pages ont été créées : Incubation, Parcours CS+E, Entrepreneur Tech Year, MSc CentraleSupélec ESSEC Entrepreneurs, Filière CS Entrepreneur, Mentors et Événements.
Étape 5 : un site bilingue français et anglais
J’ai configuré la localisation native de Webflow : le français à la racine, l’anglais dans le sous-dossier /en/. Chaque page porte ses balises hreflang et le visiteur passe d’une langue à l’autre par un sélecteur. Les fiches startups et les actualités sont traduites dans le CMS, et la version anglaise est indexée par Google.
Étape 6 : SEO technique et GEO
J’ai posé les fondations SEO qui manquaient à l’ancien site :
- Balises : title, meta description et H1 rédigés pour chaque page à partir des recherches réelles, par exemple « accélérateur startups deeptech ». Chaque collection CMS dispose de ses propres champs SEO.
- Canonical : une balise canonical globale, y compris sur les listes paginées du CMS.
- Exploration : un sitemap nettoyé et soumis, une page 404, et une Google Search Console configurée pour la première fois.
Pour les moteurs de réponse IA, j’ai construit des données structurées qui décrivent l’organisation et ses deux sites (Paris-Saclay et Station F), les programmes, les articles et les événements.
Étape 7 : formation et autonomie de l’équipe
J’ai formé l’équipe de communication et rédigé un guide de création de contenu, adapté à leur CMS. Il couvre :
- les règles SEO de chaque contenu : title, meta description, texte alternatif, nom des fichiers et slug
- la préparation des images : dimensions, compression et formats
- la gestion des startups, des témoignages, des mentors, des événements et des appels à projets
- la mise à jour des chiffres clés et des composants partagés, comme l’en-tête des pages programmes
Depuis la mise en ligne, j’assure le suivi Search Console et j’accompagne l’équipe sur les évolutions du site.
Les résultats de la refonte du site Webflow
Les mesures PageSpeed Insights ont été réalisées le même jour, le 22 mai 2026, sur l’ancien site archivé et sur le nouveau site.
SEO : 100 sur toutes les pages principales
Sur l’ensemble des pages mesurées, le score SEO moyen passe de 63 à 99.
Performance desktop : +31 points en moyenne
Sur mobile, le score de performance de la page d’accueil est passé de 18 à 75. À la mise en ligne, les Core Web Vitals, les critères de vitesse retenus par Google, étaient validés sur 100 % des pages desktop. L’ancien site n’en validait aucune.
Les sept nouvelles pages atteignent 100 en SEO pour six d’entre elles, et jusqu’à 99 en performance desktop.
Visibilité sur Google depuis la mise en ligne
Plus de 150 fiches startups, en français et en anglais, apparaissent dans les résultats Google. Elles apportent 18,5 % des clics du site, juste derrière la page d’accueil. Des startups comme Lumisync, Dittoclean ou App Hop sont trouvées sur leur nom, autour de la deuxième position : le portfolio CMS est devenu une porte d’entrée vers le site.
Moteurs de réponse IA
Les assistants IA sont devenus une source de trafic : 182 sessions entre le 22 mai et le 5 novembre 2026, contre aucune sur la même période en 2025. Ces visiteurs affichent le meilleur taux d’engagement du site, à 57 %.
Ce que ça change pour 21st by CentraleSupélec
Chaque visiteur trouve son programme dès la page d’accueil, et chaque fiche startup ou actualité le ramène vers une candidature. L’équipe de communication publie en toute autonomie ses contenus dans 12 collections CMS, en français et en anglais, grâce à un guide qui garde la cohérence éditoriale et le SEO dans le temps.
Le site est compris par Google comme par les moteurs IA (Gemini, ChatGPT, Claude) et les +150 startups du portfolio travaillent désormais pour la visibilité de 21st.
Cette collaboration a conduit 21st à me recommander à CentraleSupélec Venture, le véhicule d’investissement de l’école, pour la migration de son site de WordPress vers Webflow.
Un grand merci à Aurélien pour son accompagnement dans la refonte du site web de 21st by CentraleSupélec.
De la conception à l’intégration sur Webflow, il a su être à l’écoute de nos besoins, force de proposition et particulièrement efficace dans la mise en œuvre. Le résultat est à la hauteur de nos attentes : un site plus clair, moderne, intuitif et fidèle à l’identité de 21st.
Une collaboration fluide et agréable, avec un vrai souci du détail et de la qualité. Nous recommandons vivement son travail !
