Rue89

Refonte de l’expérience abonné pour renforcer l’engagement et le lien aux lecteurs

rue89-hero-img

Client

Rue89 Strasbourg, Lyon & Bordeaux

Période

2023

Secteur

Média & Presse indépendante

Savoir-faire

UX design · Stratégie produit & conversion · Design system & refonte média

Partenaires

Live

Comment repenser l’expérience d’un média indépendant et multi-abonnements ?

Rue89 est un média d’investigation présent à Strasbourg, Lyon et Bordeaux, avec des rédactions et modèles économiques distincts (freemium, paywall ou mixte).

Le site, devenu obsolète, ne reflétait plus la richesse éditoriale ni les ambitions du modèle par abonnement.

  • Objectif : moderniser l’interface pour tous les contextes de lecture (mobile, desktop, réseaux sociaux) et optimiser les parcours d’abonnement pour renforcer conversion, engagement et rétention.
rue89-cards

S’adapter à tous les formats et contextes de l’actualité

Créer un site commun à trois rédactions, fluide et modulable, capable de gérer la fréquence de publication, la diversité des formats et les tunnels d’abonnement complexes.

  • Défi : concevoir une mise en page modulaire, équilibrée et adaptable à chaque type de contenu — enquête, live, dossier ou article court.
toolbar-animation
dual-mobile

Trois profils utilisateurs au cœur du projet :

r89-user-01

Lecteurs occasionnels — mobiles, venus des réseaux sociaux.

r89-user-02

Abonnés actifs — lecteurs réguliers en quête d’un espace personnel.

r89-user-03

Ex-abonnés — à reconquérir via des parcours et messages personnalisés.

Le projet a été mené en autonomie, en lien direct avec les rédactions, le développeur et un consultant SEO.

  1. Audit UX/UI et analyse des parcours existants
  2. Cartographie des user flows (abonnement, soutien, désabonnement, retour)
  3. Refonte de l’arborescence et des gabarits
  4. Wireframes et design system sur Figma
  5. Itérations, prototypage et documentation finale
mockup-recherche

Une interface fidèle à l’esprit journalistique

Un design sobre, structuré et lisible, aux palettes resserrées sur les couleurs éditoriales.

L’expérience mobile, le rythme de lecture et la gestion des blancs ont été soignés pour renforcer l’immersion.

Chaque bloc reste autonome mais cohérent dans le système, donnant au média une image plus moderne, crédible et engageante.

Homepage modulaire

  • s’adaptant automatiquement au volume et à la nature des publications et qui évolue dans la journée

Fiches article dynamiques

  • intégrant citations, visuels, live, chapitrage, etc.
article-modules

Tunnel d'abonnement

  • avec messages contextuels selon le statut du lecteur

Espace abonné enrichi

  • (favoris, lecture plus tard, historique, notifications)

Système de commentaires

  • repensé pour encourager les échanges qualitatifs

Design system complet

  • à disposition des rédactions pour enrichir leurs contenus
design-system
r89-preview-01
r89-preview-02
r89-preview-03
r89-preview-04

Résultats :

  • Hausse des abonnements et engagement accru dans les commentaires et lectures prolongées.
  • Retours très positifs des trois rédactions, ravies de mieux valoriser leur travail.
  • Interface plus claire et moderne, soutenant la mission éditoriale sans l’éclipser.
  • Un article dédié a été publié par Rue89 Strasbourg pour présenter cette refonte à leurs lecteurs.
  • Un projet complet : UX, UI, stratégie produit, design system, e-commerce, contenu. Collaborer avec trois rédactions engagées sur un projet structurant a été stimulant et enrichissant, prouvant que le design peut soutenir l’indépendance et la qualité éditoriale.
☻ Faisons des trucs cools ensemble → hey@thomasbonometti.fr☻ Faisons des trucs cools ensemble → hey@thomasbonometti.fr☻ Faisons des trucs cools ensemble → hey@thomasbonometti.fr☻ Faisons des trucs cools ensemble → hey@thomasbonometti.fr☻ Faisons des trucs cools ensemble → hey@thomasbonometti.fr☻ Faisons des trucs cools ensemble → hey@thomasbonometti.fr☻ Faisons des trucs cools ensemble → hey@thomasbonometti.fr☻ Faisons des trucs cools ensemble → hey@thomasbonometti.fr☻ Faisons des trucs cools ensemble → hey@thomasbonometti.fr☻ Faisons des trucs cools ensemble → hey@thomasbonometti.fr☻ Faisons des trucs cools ensemble → hey@thomasbonometti.fr☻ Faisons des trucs cools ensemble → hey@thomasbonometti.fr

Discutons de votre projet
et voyons comment je peux vous aider.

calendar
message-dots-square

Thomas Bonometti

Designer senior freelance spécialisé dans la création de sites clairs, crédibles et efficaces — pour des clients du monde entier.

Thomas Bonometti 2025 © basé à Strasbourg, FR

FAQ
View