Rue89

  • Mise en ligne : courant à fin 2015
  • Client : Rue89
  • Mission : refonte graphique responsive mobile first, développement HTML/JavaScript

Huit ans après avoir créé le premier média français 100 % Web, Rue89 innove de nouveau en donnant la priorité à la lecture mobile, première étape de la refonte du site tout entier.

Depuis jeudi 22 octobre 2015, si vous lisez Rue89 sur smartphone ou tablette, vous pouvez vous rendre sur le site mobile, qui a été repensé et développé pour les petits écrans. Entièrement en « responsive design » (site Web adaptif, en bon français), il s’adapte automatiquement à toutes les tailles d’écran.

Ce passage au « mobile first » est une inversion de l’ordre suivi jusqu’ici : le site était conçu pour l’ordinateur, et envoyé en flux vers les applications et site mobiles, au risque de perdre en route quelques articles au format inadapté.

Or, la part des lecteurs de Rue89 sur mobile et tablette est croissante (qu’elle soit exclusive ou en complément de l’ordinateur), comme pour la plupart des médias, que ce soit en lecture directe, ou via les réseaux sociaux. Il n’était pas cohérent d’enrichir la lecture sur ordinateur aux dépens du mobile.

Il y a huit ans, Rue89 avait prouvé que l’on pouvait faire du bon journalisme adapté au Web ; son objectif est désormais de faire un bon journalisme adapté au mobile.

« Oups, contenu non adapté »…

Or, combien de fois avez-vous vu apparaître sur votre écran de smartphone l’annonce : « Oups ! Cet article a du contenu non adapté… Mais vous pouvez le voir dans votre navigateur mobile » ?

Agaçant, n’est-ce pas ? Avec Rue89, que nous accompagnons depuis ses débuts, nous avons donc travaillé pour offrir la meilleure expérience de lecture, quelle que soit la taille de l’écran.

Ainsi, vous pourrez désormais profiter des excellents « formats enrichis » proposés sur certains articles, même depuis votre téléphone − et donc quel que soit l’endroit où vous vous trouvez pour les lire.

Changement par étapes

Dans un premier temps, la « bascule » s’est faite sur le site mobile, puis nous avons poursuivi le travail sur l’ensemble du site Web.

Développé par Rue89 à partir des maquettes et de l’intégration HTML/CSS que nous avons réalisées, le site a été décliné sur trois « breakpoints » : smartphone, tablette et ordinateur de bureau.