Aller au contenu
Étude de cas · 02 — Média · Plateforme éditoriale

Jornal de Angola — restructurer la lecture.

Refonte UX/UI d'une plateforme éditoriale à grande échelle : audit des usages, nouvelle architecture de contenus et parcours de lecture repensés, puis création et gouvernance d'un Design System complet — tokens, composants, guidelines.

Rôle
UX/UI designer, référent design system
Durée
2023 — 2024
Livrables
Architecture de contenus, tokens, guidelines
Effet observé
Trafic et lecture en hausse
Contexte

Un journal à grande échelle, des gabarits qui ne se parlaient pas.

Jornal de Angola diffuse l'actualité nationale sur une plateforme éditoriale consultée à grande échelle, avec des types de contenus multiples : actualités, opinion, multimédia. Chacun vivait sa propre maquette, sans grille ni composants partagés : expérience de lecture incohérente d'une rubrique à l'autre, temps de développement long pour chaque nouvelle mise en page, et une équipe édito qui composait avec les limites techniques plutôt qu'avec les besoins du lecteur.

01
Clarifier la hiérarchie de lecture — une architecture de contenus commune à toutes les rubriques.
02
Sortir un Design System gouverné — tokens, composants et guidelines documentés.
03
Réduire la charge de maintenance — un socle réutilisable pour toute nouvelle page.
Écouter

Recherche & constats.

Avant de redessiner quoi que ce soit, j'ai passé du temps avec l'équipe éditoriale : entretiens sur leurs usages quotidiens de l'outil de publication, revue des statistiques de lecture disponibles, et audit visuel de l'ensemble des gabarits existants. Les frictions revenaient toujours : navigation intra-article peu lisible sur mobile, hiérarchie typographique incohérente entre rubriques, et composants — citations, encadrés, galeries — recréés à la main à chaque publication.

Structurer

Une arborescence pensée pour le parcours de lecture.

J'ai reconstruit l'arborescence autour des parcours de lecture réels plutôt que de l'organisation interne des rubriques : page d'accueil repensée pour hiérarchiser l'actualité chaude, gabarits d'article unifiés par type de contenu, et une navigation contextuelle — articles liés, rubrique, temps de lecture — pensée pour garder le lecteur engagé.

Livrer

Un Design System documenté, pas une image.

La refonte visuelle s'est accompagnée de la construction d'un Design System complet : tokens de couleur et de typographie, bibliothèque de composants — citations, encadrés médias, cartes article, navigation — et une documentation écrite pour que l'équipe édito et les développeurs partagent le même vocabulaire. Chaque composant a été livré avec ses variants et ses cas limites.

Architecture de contenusTokensComposantsGuidelinesGouvernance
Tokens de couleur & typographie
Composants d'article
Grille éditoriale
Le résultat

Écran par écran.

Page d'accueil restructurée
Gabarit d'article unifié
Navigation contextuelle mobile
Multimédia et galeries
Résultats

Ce que la refonte a changé.

Trafic articles et temps de lecture en hausse : une hiérarchie de lecture plus claire garde le lecteur plus longtemps sur chaque page.
Effet 01 — Engagement
Un Design System adopté par l'équipe édito et l'équipe dev pour toute nouvelle page, sans repartir de zéro.
Effet 02 — Vitesse de production
Une cohérence visuelle retrouvée d'une rubrique à l'autre, portée par une documentation partagée.
Effet 03 — Cohérence

Un projet éditorial ou un Design System à structurer ?

Décrivez le contexte en quelques lignes — je réponds sous 48 h.