Vert

Domaine : Design, tech

Expertise : Identité visuelle, expé­rience utilisateur·ice, développement

Tem­po­ra­li­té : 2026

Le contexte

Accom­pa­gner l’é­vo­lu­tion et la crois­sance de Vert

Vert, le média qui traite l’actualité au prisme de l’écologie, lancé en 2020, s’est tourné vers Médianes pour réaliser la refonte complète de son site web, après 6 ans d’existence. Face à des enjeux de per­for­mance, de cohérence visuelle, d’ex­pé­rience uti­li­sa­teur, d’éco-conception et de visi­bi­li­té SEO, le média sou­hai­tait renforcer son site pour l’aligner avec l’évolution de sa pro­po­si­tion de valeur. La mission, démarrée en janvier 2026 pour une mise en ligne fin avril, s’est articulée autour d’un accom­pa­gne­ment global alliant audit, refonte de la direction artis­tique web, concep­tion des maquettes UI/UX, déve­lop­pe­ment, migration et mise en ligne, cadrage stra­té­gique et pilotage opé­ra­tion­nel de la refonte.

Cadrage du projet et construc­tion du cahier des charges

Poser les fon­da­tions stra­té­giques d’une refonte ambitieuse

Avant d’entrer dans la concep­tion, une phase de cadrage a permis de construire une vision commune et de for­ma­li­ser les enjeux réels du projet. À partir d’a­te­liers réunis­sant les équipes édi­to­riales et marketing, la direction, et l’équipe de Médianes, nous avons construit un cahier des charges ancré dans les tensions propres au média : comment valoriser à la fois la news­let­ter quo­ti­dienne et les grandes enquêtes ? Comment accueillir une lecteur·rice qui découvre Vert via Google Discover aussi bien qu’un membre du Club qui soutient le média depuis trois ans ? Comment intégrer un éco­sys­tème qui s’est étoffé au fil du temps, posters, podcasts, confé­rences, dons, sans que le site devienne trop dense et complexe ?

La défi­ni­tion des publics cibles a été par­ti­cu­liè­re­ment struc­tu­rante. Derrière les lecteurs et lectrices de qui débarque, des profils aux attentes très dif­fé­rentes, que le cahier des charges a traduits en exigences concrètes : affichage condi­tion­nel selon le statut de l’u­ti­li­sa­teur, regis­tra­tion wall, per­son­na­li­sa­tion des appels à l’action, gestion fine des inci­ta­tions au don. Le périmètre fonc­tion­nel a également été arbitré col­lec­ti­ve­ment, certains points étant volon­tai­re­ment laissés ouverts pour être affinés en cours de développement.

Ce cadrage rigoureux a posé les condi­tions d’un projet maîtrisé, du lancement en janvier 2026 à la mise en ligne fin avril.

Audit et éco-conception

Optimiser la visi­bi­li­té et les per­for­mances techniques

Menée en amont de toute décision de concep­tion, cette phase d’audit a constitué un socle essentiel pour l’en­semble du projet. L’audit SEO a analysé en pro­fon­deur la structure du site existant, l’op­ti­mi­sa­tion des contenus et les per­for­mances tech­niques, ses recom­man­da­tions ont direc­te­ment nourri les choix UX, les décisions d’ar­chi­tec­ture et les orien­ta­tions de développement.

Au-delà de la visi­bi­li­té, l’enjeu était aussi d’ordre éthique : pour un média dont l’é­co­lo­gie est le cœur de la mission, il était indis­pen­sable que le site soit aussi frugal que possible, tant dans sa concep­tion que dans son fonc­tion­ne­ment au quotidien. Sobriété fonc­tion­nelle, opti­mi­sa­tion des médias, réduction des appels externes superflus, l’éco-concep­tion a été pensée comme une contrainte struc­tu­rante dès le départ.

Audit UX et benchmark de l’écosystème

Iden­ti­fier les leviers d’a­mé­lio­ra­tion de l’ex­pé­rience utilisateur

Un audit appro­fon­di de l’in­ter­face existante a permis d’évaluer les forces et fai­blesses du site actuel en matière d’er­go­no­mie et de parcours uti­li­sa­teur. Paral­lè­le­ment, un benchmark de l’é­co­sys­tème a mis en lumière les pratiques des médias concur­rents et identifié les oppor­tu­ni­tés de dif­fé­ren­cia­tion. Ces analyses ont servi de socle à l’é­la­bo­ra­tion des recom­man­da­tions UX intégrées dans les nouvelles maquettes.

Définir l’i­den­ti­té visuelle web

Poser les bases d’un design moderne et cohérent

L’i­den­ti­té visuelle web a été repensée pour refléter le nouveau posi­tion­ne­ment de Vert en tant que média de référence sur l’écologie. Nous avons mis au point une nouvelle charte graphique adaptée aux usages web et aux enjeux du média : lisi­bi­li­té optimale, posi­tion­ne­ment plus rigoureux et haut de gamme, et cohérence avec les codes du secteur. Cette phase a posé les fon­da­tions visuelles du nouveau site, tout en gardant une filiation forte avec l’identité visuelle du média depuis son lancement, afin de ne pas perdre les lecteur·ices fidèles.

Aperçu de tests de police de pour les titres

Aperçus de tests de couleurs appliquées

Concevoir les maquettes UX/UI

Traduire la stratégie en inter­faces performantes

Les maquettes UX/UI ont été conçues en s’ap­puyant sur l’audit et le benchmark, pour offrir une expé­rience uti­li­sa­teur fluide et enga­geante. Chaque écran a été pensé d’abord pour les écrans mobiles, afin d’optimiser les parcours de lecture, de fidé­li­sa­tion et de conver­sion vers le don. L’accent a été mis sur la sim­pli­ci­té d’usage, l’ac­ces­si­bi­li­té et la valo­ri­sa­tion édi­to­riale, avec des gabarits modu­laires per­met­tant une gestion souple des dif­fé­rents formats de contenus. Les maquettes ont fait l’objet d’é­changes réguliers avec les équipes de Vert et les développeur·euses de Médianes pour garantir leur adé­qua­tion avec les besoins, les ambitions, et ce qui était réalisable.

Aperçu de l’espace de travail des éléments récur­rents (com­po­sants)

Aperçu de l’espace de travail de pages prin­ci­pales pour mobile 

Aperçu du site mobile

Intégrer, migrer et mettre en ligne

Trans­for­mer le design en site fonc­tion­nel et déployer les contenus

L’in­té­gra­tion technique du site a été réalisée suivant les maquettes validées, avec une attention par­ti­cu­lière portée à la per­for­mance, à l’ac­ces­si­bi­li­té et aux bonnes pratiques SEO. La migration des contenus existants a été organisée pour assurer la conti­nui­té édi­to­riale sans perte de données. L’en­semble du processus de mise en ligne a été piloté avec les équipes tech­niques et édi­to­riales de Vert, incluant une phase de recette appro­fon­die pour iden­ti­fier et corriger les dys­fonc­tion­ne­ments avant le lancement. La gestion des tickets cor­rec­tifs et l’ac­com­pa­gne­ment lors du déploie­ment ont permis une tran­si­tion fluide vers la nouvelle plateforme.

Aperçu de la page d’inscription des news­let­ters sur ordi­na­teur de bureau

Gestion de projet de la refonte

Piloter la trans­for­ma­tion du site de bout en bout

La mission a inclus l’or­ga­ni­sa­tion et l’a­ni­ma­tion des réunions de cadrage avec l’en­semble des parties prenantes (équipes édi­to­riales, direction artis­tique, déve­lop­pe­ment), la coor­di­na­tion des différent·es intervenant·es tout au long du projet, ainsi que la gestion de la recette et du suivi des tickets cor­rec­tifs. Ce pilotage trans­ver­sal a permis d’assurer la cohérence du projet et le respect des délais.

À propos

Nous accom­pa­gnons Vert dans son évolution et sa struc­tu­ra­tion depuis son lancement en 2020. Entiè­re­ment financé par ses lectrices et lecteurs, Vert a fait le pari d’un jour­na­lisme indé­pen­dant, sans publicité, au service de l’intérêt général.