Notre nouveau site pour accompagner le développement de Médianes

Compatibilità
Salva(0)
Condividi

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.

Pourquoi maintenant

Nous sommes donc 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 auprès de nos publics 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 deux jambes se sont renforcées : le travail concret aux côtés des médias que nous accompagnons (management, marketing, design, tech, admin…) ainsi que les outils que nous développons désormais pour mutualiser les efforts (avec Socle entre autres) d’une part, et d’autre part, une réflexion journalistique et prospective sur leur indépendance. Il devenait difficile de comprendre pourquoi nous avions deux sites distincts, l’un pour le média, l’autre pour le studio, pour montrer différents aspects de notre activité. Le nouveau site rend davantage visible cette réalité.

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.
  • Un index : Nous y listons enfin de manière exhaustive les missions réalisées par Médianes, pour mentionner les missions qui ne sont pas présentées sous forme de projet.
  • Une page article repensée : Plus lisible, 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 ça manquait de fluidité.

Le point de départ

En attendant, 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.

Aperçu des sites de Médianes studio (en haut à gauche), Médianes le média (en haut au centre), le site du Programme (en haut à droite), le portfolio de Christelle (en bas à gauche), le site de Sphera (en bas en centre), le site des outils Socle (en bas à droite) en août 2025.
Souvenir de notre première landing page du média, en 2020.
Souvenir de l’ouvertre du site du média en 2021.

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. Naturellement, nous avons trouvé judicieux de séparer le site du studio (medianes.studio) du média (medianes.org). Nous pensions que nos deux domaines d’activité ne concernaient pas forcément les mêmes publics. Surtout, nous souhaitions faire du média une entité journalistique à part entière. Nous souhaitions éviter de donner l’impression qu’il s’agissait du blog du studio. Nous avons des journalistes en interne et nous voulions signifier leur indépendance pour analyser les tendances médiatiques. Depuis plusieurs années, cette séparation nous desservait en complexifiant les parcours… et nous avons surtout compris que l’indépendance ne se jouait pas dans l’existence de deux sites séparés.

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 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. Nous avons ensuite travaillé 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. 

L’ensemble du projet a été réalisé en interne, guidé 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, 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

Les maquettes ont été conçues en interne par Christelle. Nous avons démarré des maquettes en mettant l’accent sur la lisibilité ; nous voulions un ensemble visuellement léger, à même de devenir un écrin pour porter les idées du média et 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. 

Fondations du design system du nouveau site de Médianes.

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.

Est-ce que vous pensez qu’on a sué pour les parcours et les menus ? La réponse est oui.

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.

Dessins au feutre et application sur le site.
Peinture à l’huile et application sur le site.

É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. 

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èl

Recapiti
Marine Doux