Journal Métro : une app de nouvelles locales connectée à WordPress
Transformer le contenu WordPress d’un journal montréalais en expérience de lecture native
Catégories
Médias & plateformes numériques | Villes intelligentes & SIG
Technologies utilisées
iOS | Android | Back-end | Web | Intégration WordPress
À propos du client
Le Journal Métro est un journal montréalais publié par Métro Média, qui dispose d’une équipe de journalistes spécialisés dans l’actualité locale de la métropole. Fort d’une longue histoire, il s’est forgé une image de marque solide auprès des Montréalais. Il traite des sujets locaux que les grands journaux, axés sur l’actualité nationale et les informations à sensation, ont tendance à négliger. Grâce à l’application du journal Métro, cette couverture parvient directement aux lecteurs sur leur téléphone.
Présentation du projet
Le projet
Métro Média mène actuellement une transformation numérique de grande envergure et a fait appel à Sidekick Interactive pour son projet d’application mobile. Notre équipe a développé des applications natives pour iOS et Android qui permettent aux lecteurs de suivre l’actualité locale sur leur téléphone et de recevoir des alertes. Ces applications s’appuient sur le site WordPress du journal comme système de gestion de contenu ; les rédacteurs continuent ainsi à écrire dans l’éditeur WordPress qu’ils utilisent déjà.
Le contexte
Avant la crise du COVID-19, le Journal Métro était principalement un journal imprimé distribué dans les transports en commun de Montréal. La crise et les préoccupations environnementales ont rendu ce modèle non viable, et le journal a dû réinventer la manière dont il s’adressait à ses lecteurs.
Ces lecteurs étaient déjà habitués aux applications des journaux les plus connus à travers le monde. L’application d’actualités locales du Journal Métro devait proposer une formule différente, avec des informations bien plus ciblées. À l’instar de nombreux journaux, le Journal Métro fonctionnait déjà sous WordPress, et l’objectif était de s’appuyer sur cette base plutôt que de démarrer un nouveau projet à partir de zéro.
Défis et contraintes techniques d'une application de nouvelles locales
Le défi
WordPress héberge les sites web de nombreux journaux, mais il n’est pas conçu pour servir de backend mobile. Une application peut s’y connecter directement pour les fonctionnalités de base, mais l’expérience utilisateur reste limitée. Organiser des articles dans un but précis, envoyer des notifications push ou créer des catégories, des filtres et des boutons personnalisés devient rapidement compliqué.
Les services qui relient les applications à WordPress entraînent des coûts supplémentaires et dépendent de tiers susceptibles de cesser de fonctionner. Le défi consistait à doter Journal Métro d’une application native d’actualités locales alimentée par WordPress, sans dépendre de ces services.
Les contraintes
Utilisez la version existante de WordPress comme CMS pour les applications mobiles
Afficher des articles dont chaque auteur a choisi une mise en page différente
Classez les actualités locales par quartier, et non par grande zone géographique
Regroupez les contenus dispersés entre les équipes internes et les partenaires, y compris les vidéos hébergées par ces derniers
Veillez à ce que l’application reste fidèle à l’aspect du site web du Journal Métro
Notre approche et notre solution pour convertir un site WordPress en application mobile
Un backend mobile compatible avec WordPress
WordPress n’étant pas conçu pour les appareils mobiles, notre équipe a développé une passerelle qui se connecte au backend de WordPress. Celle-ci télécharge le contenu du journal et le reformate afin que les applications iOS et Android puissent l’utiliser. Ce backend mobile, développé en .NET sur Azure, prend en charge ce que WordPress ne peut pas faire correctement pour une application, tandis que chaque article reste un article WordPress classique du côté du journal.
Traduire les articles de chaque auteur en composants natifs
Les auteurs du Journal Métro rédigent leurs articles dans un éditeur WordPress complet, et ceux-ci sont générés au format HTML par WordPress. Au lieu d’afficher ce contenu web dans une fenêtre intégrée à l’application, nous avons extrait uniquement les éléments que nous souhaitions afficher et les avons convertis en éléments natifs, y compris les contenus intégrés provenant des réseaux sociaux.
Chaque auteur met en forme ses articles à sa manière. Notre équipe a prévu toutes les possibilités de mise en forme, de sorte que chaque article s’affiche correctement sans que les auteurs aient à modifier leur façon d’écrire. La conception UX/UI reste fidèle à celle du site web du journal.
Actualités locales et alertes par quartier
Chez Journal Métro, l’actualité locale s’inscrit au niveau des quartiers, et non pas simplement à l’échelle d’une vaste zone. La rédaction attribue chaque article à une zone, et l’application affiche ces zones sous forme de polygones géographiques qui correspondent aux quartiers de Montréal. Les lecteurs suivent l’actualité de leur propre quartier et reçoivent des alertes à ce sujet. Ils peuvent également enregistrer des articles dans leurs favoris.
Regrouper les contenus des partenaires au sein d'une seule application
Métro Média regroupe plusieurs équipes internes, et une partie de son contenu est hébergée chez des partenaires. Certains partenaires hébergent par exemple les vidéos du journal. L’application regroupe ces différentes sources, ce qui permet aux lecteurs de trouver les articles et les vidéos côte à côte.
Résultats et bénéfices pour l'application de nouvelles locales du Journal Métro
Résultats
Dans le cadre de sa transformation numérique, le Journal Métro propose à ses lecteurs une application d’actualités locales disponible sur iOS et Android. Les lecteurs suivent l’actualité de leur quartier sur leur téléphone, et chaque article conserve la mise en page choisie par son auteur. Les auteurs continuent de publier leurs articles sur WordPress, et le backend mobile prépare le contenu pour les applications.
Pour un journal, cette approche permet de transformer un site WordPress en une application mobile avec un affichage natif. WordPress reste en place et aucun service de connexion tiers n’est nécessaire.
Pourquoi Métro Média a choisi Sidekick Interactive pour son application d'actualités locales
Le projet prévoyait le développement d’applications natives pour iOS et Android, ainsi qu’un backend capable de s’intégrer à un site WordPress existant. Sidekick Interactive s’est chargé des deux aspects, en adaptant l’application d’actualités locales aux outils déjà utilisés par Métro Média.
« Une fois de plus, nous avons relevé le défi de développer une application mobile native tout en l’adaptant et en l’intégrant aux outils existants du client. »
Liam Coughlin, cofondateur de Sidekick Interactive
L'expertise de Sidekick Interactive en développement d'applications de nouvelles
Les éditeurs qui souhaitent disposer d’une application mobile possèdent souvent déjà un site WordPress. Notre travail de développement d’applications d’actualités commence par exploiter les possibilités offertes par ce CMS, puis nous y ajoutons les éléments nécessaires à l’application, qu’il s’agisse d’un backend mobile dédié ou d’un projet développé entièrement à partir de zéro.
Lorsqu’une application mobile native WordPress s’avère être la solution la plus adaptée, nous veillons à ce que le contenu rédigé pour le Web s’affiche correctement sur un téléphone, même lorsqu’il provient de nombreux auteurs et partenaires. Notre équipe développe des applications mobiles natives pour iOS et Android, ainsi que l’infrastructure qui les relie aux outils existants.
