Depuis 2020, avec notre studio, nous aidons les médias à renforcer leur proposition de valeur, à structurer des parcours clairs pour leurs publics, à garder la main sur leurs outils… et à repenser leur site web. Nous avons créé ou refondu les sites de dizaines de médias dont POLITICO, Vert, 60 Millions de consommateurs, Le Cri, Tenoua, Philosophie Magazine, Pays et de nombreux autres. Le nôtre, lui, attendait patiemment son tour.
Pourquoi maintenant
Nous sommes ravi·es d’avoir rassemblé en un seul endroit notre média, notre studio et notre réseau pour gagner en impact et rendre plus lisibles nos offres qui ont beaucoup changé en cinq ans : les dirigeant·es de média, journalistes et créateur·ices, en France comme en Europe.
Nous sommes en effet devenu·es plus européen·nes en coordonnant depuis deux ans notre réseau de médias indépendants Sphera. Notre regard tant sur les pratiques que sur les usages s’est acéré, nous avons publié davantage et sous différentes formes (texte, audio, vidéo). L’équipe a grandi et s’est structurée : si nous étions 5 en 2021, nous sommes près de 20 aujourd’hui. Et pour ainsi dire, deux jambes se sont renforcées. D’une part, le travail concret aux côtés des médias que nous accompagnons (management, marketing, design, tech, admin…) et les outils que nous développons pour mutualiser les efforts, avec Socle notamment. D’autre part, une réflexion journalistique et prospective sur leur indépendance.
Concrètement, il fallait permettre à chaque visiteur·se de comprendre rapidement où il ou elle se trouve, ce que fait Médianes et ce que Médianes peut faire pour son média. Nous avons construit notre nouveau site avec la méthode que nous appliquons déjà chez les organisations que nous accompagnons (on vous en dit plus ci-dessous !) et avec les réflexions et idées que nous portons au quotidien.
Ce qui est nouveau
- Une seule porte d’entrée : Média, studio et réseau sont désormais au même endroit et l’accueil oriente chacun·e vers ce qui le concerne. La page d’accueil globale permet d’avoir un aperçu des trois piliers, tandis que chacun a ensuite son propre portail.
- Des choix techniques tournés vers les outils libres : Le site applique ce que nous défendons sur l’indépendance numérique. Nous avons développé de nouvelles fonctionnalités nous-mêmes pour ne plus dépendre de plug-ins ou de services propriétaires opaques. Pour le CMS, nous avons fait le choix de WordPress, qui est open source et cohérent avec ce que nous recommandons.
- Des parcours par profil : Un média qui cherche un accompagnement, une journaliste qui suit les questions d’indépendance, un partenaire européen qui se renseigne : chacun a désormais son chemin.
- Des ponts entre média, studio et réseau : Faciliter la découverte d’autres sujets ou expertises de Médianes, sans brouiller les pistes.
- Un index : Nous y listons enfin de manière exhaustive les missions réalisées par le studio Médianes, pour mentionner les missions qui ne sont pas présentées sous forme de projet, pour être plus transparent et donner des idées à nos lecteur·ices.
- Une page article repensée : Plus lisible et adaptée aux usages, elle ouvre sur une ressource, une expertise liée, la newsletter.
- Une meilleure navigation parmi les projets : Une navigation par domaine et des visuels carrés (quand les visuels éditoriaux sont au format paysage) pour mieux identifier les médias accompagnés et permettre une première compréhension du type de mission réalisée.
- Le partage de notre veille : Une section « Nos lectures » qui nous permet de partager publiquement les informations qui nous paraissent les plus pertinentes, directement sur notre site. Nous avions tenté la mise en place de cette fonctionnalité en 2022, mais celle-ci manquait de fluidité, la voici enfin de retour.
Le point de départ
Jusqu’ici, Médianes vivait sur deux sites distincts depuis 2021 (les cordonniers mal chaussés, vous connaissez ? Nous, très bien). D’un côté, medianes.org portait notre production éditoriale : articles, newsletters, fiches pratiques, cas pratiques. De l’autre, medianes.studio présentait l’activité du studio : cas clients, projets, formations. Chaque site avait son propre back-office, sa propre logique de navigation et sa propre manière de raconter nos actions. Entre-temps, nous avons créé ou refondu d’autres sites plus légers comme programme.medianes.org pour mettre en lumière les différentes activités de média, de studio de conseil, de réseau européen, de programme d’accompagnement et même utilisé le portfolio personnel de Christelle Perrin, notre directrice du design, pour montrer certains projets. Ces bricolages dispersaient le projet à trop d’endroits. Pour les personnes qui découvraient Médianes, cette séparation brouillait le message. Pour notre équipe, elle doublait le travail de publication et de maintenance.
Pourquoi avions-nous deux sites au départ ?
Quand nous avons créé Médianes en 2020, nous avions deux projets en tête : un projet à but lucratif, le studio de conseil, et un projet à but non lucratif, le média et le réseau d’entraide. Fous d’administratif, nous avons créé deux structures juridiques : une SAS et une association. À l’époque, il nous a semblé logique de séparer le site du studio (medianes.studio) du média (medianes.org). Nous pensions que nos deux activités ne s’adressaient pas aux mêmes publics, et nous ne savions pas encore que le studio deviendrait un pilier de Médianes. Aussi, nous souhaitions faire du média une entité journalistique à part entière et éviter de donner l’impression qu’il s’agissait du blog du studio. Depuis plusieurs années, cette séparation nous desservait en complexifiant les parcours, les usages… et nous avons compris que l’indépendance ne se jouait pas dans l’existence de deux sites séparés, mais plutôt à notre modèle éditorial et économiques, et nos principes déontologiques.
Notre méthode, appliquée à nous-mêmes
Nous vous parlions plus haut de cordonniers mal chaussés : le projet a été long à l’allumage, soyons honnêtes. Si nous sommes capables pour nos cher·es client·es de mener des refontes au cordeau, en 3 à 6 mois, comme avec Vert, POLITICO ou actuellement avec Socialter, nous devons reconnaître que nous avons souvent mis sur pause la refonte de notre site pour nous consacrer aux missions, aux enjeux des médias ou aux restructurations internes, comme l’intégration de l’équipe et des partenaires de Sphera en 2025. La refonte du site est redevenue prioritaire au printemps 2026, alors que nous avions reposé notre proposition de valeur et notre vision. À ce moment, une organisation claire a été mise en place et nous avons profité de l’été pour contribuer chacun·e à ce chantier.
Il a fallu repartir des besoins de l’équipe et de nos objectifs. Depuis nos premières maquettes, qui dataient de 2024, beaucoup de choses avaient évolué : nous avons donc vérifié, pôle par pôle (média, studio, réseau), que le site restait cohérent avec nos cibles et avec les usages de chacun·e, jusque dans le back-office. Et depuis 2024, il n’y a pas que nos besoins qui avaient évolué, mais aussi nos outils : l’arrivée de Claude Code nous a également permis de développer plus rapidement ce site web.
Après ce premier cadrage interne, nous avons pu en discuter avec Maxime Loisel, consultant indépendant en UX et compagnon de Médianes, puis avec nos amis du studio 9P, pour bénéficier de regards experts et extérieurs (et parce qu’il est difficile de prendre du recul sur sa propre maison).
La réalisation, elle, a été entièrement menée en interne, guidée par une approche produit pour arbitrer et un RACI pour savoir qui décide : regard marketing et priorités, design graphique et parcours, développement et recette, rédaction des contenus. Chaque expertise a été réunie autour de la table, y compris côté formation et éditorial, pour adapter les maquettes aux besoins actuels de l’équipe (y compris du côté du back-office !) en cohérence avec les cibles. Puis nous avons avancé par sprints grâce à une chefferie de projet aux petits oignons de Dorine Planté, notre responsable de l’accompagnement. Il était très agréable de joindre nos forces dans cette dernière ligne droite et de mettre en pratique les méthodes que nous appliquons à d’autres.
Dans les coulisses
Mener un projet transversal avec toute l’équipe, en parallèle des missions clients, c’est d’abord un exercice de management : dégager du temps, clarifier les rôles de chaque personne, décider vite et garder l’énergie sur la durée. Le rôle de Dorine Planté, pour la gestion de projet ici, était central.
Le regard neuf de Dorine, associé à ceux de Charlène Hourdin, Nicolas Troadec et Noé Mellier côté web, était précieux pour poser des questions sur les maquettes qui avaient été établies par Christelle Perrin et Baptiste Thevelein l’année précédente.
Ensemble, nous avons structuré un plan d’action, une liste des tâches à faire avec des tickets associés à chaque demande. Nous avons aussi mis en place une importante phase de test et de remontée des questions et problèmes pour toute l’équipe. C’est cette organisation limpide qui a soudé l’équipe autour d’un objet commun et a permis de maintenir une ambiance de travail joyeuse. Nous sommes désormais convaincu·es que pour tout projet interne, surtout transversal, même lorsque ça semble rapide, nous avons besoin d’une organisation et d’une chefferie de projet claire.
Design : adapter la direction artistique au web et au besoin de fait-main
Conçues en interne par Christelle Perrin, notre directrice du design, avec l’appui de Baptiste Thevelein, notre directeur technique, les maquettes mettent l’accent sur la lisibilité. Nous voulions un ensemble visuellement léger, capable de devenir un écrin pour les idées du média comme pour les projets réalisés côté studio. Nous avons utilisé des nuances claires, issues de la direction artistique globale de Médianes : des bleus pour le média, assortis de beiges pour le studio, afin de marquer une très légère différence entre ces espaces.
L’organisation des menus et les parcours ont été travaillés pour clarifier les offres éditoriales et commerciales de Médianes, faciliter la découverte et le passage d’un univers à un autre.
Depuis les premières maquettes, le monde des médias a bien changé avec l’intelligence artificielle et l’essor des sites et des chartes graphiques générées automatiquement : il nous a paru essentiel d’ajouter aussi des touches de matière : des illustrations au feutre, à la peinture à l’huile, au fusain, réalisées sur papier puis numérisées. L’idée était de redonner des aspects plus chaleureux, humains, de remettre un peu d’aspérité sur un site autrement très tourné vers l’efficacité et la tech.
Éditorial : garder, réécrire et supprimer
Le travail que nous demandons à tous les médias, nous l’avons fait aussi. Cela implique surtout de faire des choix et d’arbitrer entre éditorial, marketing et interface : nous avons eu de longues discussions pour mettre en cohérence le fond et la forme avec l’équipe éditoriale et les journalistes de l’équipe (Owen Huchon, Agathe Kupfer, Marine Doux, Dorine Planté, Margot Darcy, Sixtine Yung et Elise Garnier).
Nous avons aussi mené un travail de catégorisation pour organiser les articles et chroniques traitant de sujets divers afin que l’ensemble ne soit plus seulement dans un fil chronologique.
Nous avons également importé l’intégralité des newsletters de Médianes depuis leur lancement. Leurs contenus n’étaient jusqu’ici accessibles qu’aux personnes qui les avaient reçues : ils forment désormais des archives ouvertes à toutes et tous. Cette reprise d’historique a représenté un travail important, dont nous sommes particulièrement fier·es.
Technique : allier la sobriété à la souveraineté
L’intégration a été menée en quelques mois par l’équipe de Médianes. Ce projet a aussi été l’occasion de conjuguer une démarche d’éco-conception avec une volonté de performance et d’efficacité. Nous avons ainsi utilisé différents modèles d’IA et orchestrateurs pour organiser et répartir le travail d’intégration et aboutir à un code propre et fiable, rapidement.
Le site est construit avec l’éditeur de blocs Gutenberg en full site editing, sur la base d’un thème volontairement minimal qui permet de composer tout type d’expérience. Les deux back-offices ont laissé place à un seul, où chaque type de contenu dispose de son propre modèle et de son propre gabarit : formations, cas pratiques, projets, articles, newsletters.
Plutôt que d’empiler des extensions, nous avons choisi de concevoir nous-mêmes plusieurs briques essentielles :
- un mur de restriction d’accès aux contenus ;
- l’enregistrement d’articles pour les lire plus tard ;
- un espace compte pour les lecteur·ices ;
- la gestion des inscriptions aux newsletters ;
- un parcours d’inscription repensé de A à Z.
Ce site nous sert aussi de laboratoire. Plusieurs de ces briques ont vocation à être réutilisables et transmises aux médias que nous accompagnons.
L’hébergement est assuré par Infomaniak, hébergeur suisse avec lequel nous travaillons depuis plusieurs années et avec qui nous entretenons une relation de confiance.
Et maintenant ?
Cette refonte nous a permis de clarifier notre identité, de simplifier le travail de nos équipes et de construire des outils que nous pourrons partager avec les médias que nous accompagnons. Elle illustre la manière dont nous aimons travailler : en open source, avec sobriété, en faisant nous-mêmes ce qui compte vraiment.
Le site est en ligne, mais les évolutions et la maintenance vont continuer. Pour nos clientes comme pour nous, nous avons une logique de produit minimum viable afin d’éviter de repousser indéfiniment les sorties en espérant atteindre un jour la perfection. Du temps est désormais prévu pour réparer des bugs inattendus, compléter de nouvelles fonctionnalités telles que les alertes email ou rédiger les textes que nous n’avons pas eu le temps de finaliser et avons masqués pour ne pas empêcher la mise en ligne.
Un grand merci à toute l’équipe qui a porté ce projet, à l’agence 9P et à celles et ceux qui ont testé et relu en chemin. Et maintenant, à vous : dites-nous ce qui marche et ce qui manque !
Vous avez un site à refondre ? Nous pouvons vous accompagner : écrivez-nous.
