Réalisation d'un portail de gestion des abonnements de la société de presse Le Télégramme

ID Interactive a réalisé pour Le Télégramme, groupe de presse régionale breton, la refonte complète de son portail de gestion des abonnements : une web application unique développée en Next.js, centralisant plus de 200 produits éditoriaux et interfacée avec le CRM métier Aboweb.

Aboweb est un CRM métier spécialisé dans la gestion des abonnements pour les éditeurs de presse. Il joue le rôle de back-office central du portail, gérant la souscription, la facturation et les données abonnés du Télégramme.

Le portail existait déjà, mais reposait sur une architecture qui ne permettait plus de répondre efficacement aux besoins actuels : multiplicité des offres, parcours utilisateurs complexes, dépendance forte à un CRM tiers et difficultés à faire évoluer l’interface front.

Le Télégramme souhaitait disposer d’une solution universelle, web et évolutive, capable de devenir le point d’entrée unique pour la souscription, l’achat de produits et la gestion du compte abonné, tout en conservant son CRM métier comme socle back-office.

Problématique principale

La refonte du portail abonnements du Télégramme visait à unifier un système fragmenté, incapable de gérer plus de 200 offres éditoriales dans un parcours d'achat cohérent, tout en préservant le CRM Aboweb existant comme seul back-office.

Comment refondre un portail existant orienté abonnements afin de centraliser l’ensemble des offres éditoriales du Télégramme, tout en proposant :

• une expérience d’achat fluide et complète (panier, livraison, paiement),
• un extranet client riche permettant la gestion des abonnements, commandes, factures et informations personnelles,
• et un interfaçage fiable avec un CRM externe, malgré des contraintes de performance, de latence et de limitations fonctionnelles côté système tiers.

L’enjeu principal était de reprendre totalement le front applicatif, sans remettre en cause le back-office CRM, afin d’améliorer la performance, la fiabilité et l’évolutivité de la plateforme.

Solutions techniques proposées

Pour répondre à ces enjeux, ID Interactive a mené une refonte complète du portail, reposant sur un socle technique moderne et une architecture pensée pour la performance, la maintenabilité et l’évolutivité.

Architecture technique et socle applicatif

Le nouveau portail repose sur une web application développée en Next.js, interfacée avec un CRM externe chargé de la gestion des abonnements, de la souscription et de la vente de produits.
Ce choix a permis de conserver les processus métier existants tout en offrant un front moderne, rapide et hautement personnalisable.

Une chaîne d’intégration continue a été mise en place, accompagnée d’un environnement de préproduction, afin de faciliter la recette fonctionnelle, les validations client et les mises en production sécurisées.

Centralisation des offres et gestion du catalogue

Le portail centralise aujourd’hui environ 200 à 250 produits et abonnements, incluant :

• des abonnements presse,
• de la vente au numéro,
• des mensuels,
• des hors-séries,
• et des magazines.

Les parcours ont été conçus pour s’adapter aux spécificités de chaque type d’offre, avec des gabarits différenciés côté front, tout en garantissant une expérience homogène et lisible pour l’utilisateur.

Performance et gestion des contraintes CRM

L’un des principaux défis techniques du projet concernait l’interfaçage avec le CRM métier, dont les temps de réponse pouvaient atteindre plusieurs secondes et dégrader fortement l’expérience utilisateur.

Pour pallier ces contraintes, des mécanismes de mise en cache et une gestion optimisée des appels API ont été mis en place côté front.
Ces optimisations ont permis de passer d’une navigation lente à une navigation quasi instantanée, sans modifier le fonctionnement du CRM.

Le projet met ainsi en valeur une architecture Next.js interfacée avec un système tiers, capable de compenser les limites d’un back-office externe par un front performant et maîtrisé.

L'interfaçage du portail Next.js avec le CRM Aboweb présentait un défi critique : des temps de réponse pouvant atteindre plusieurs secondes. ID Interactive a résolu ce problème en implémentant des mécanismes de mise en cache côté front et une gestion optimisée des appels API, permettant de passer d'une navigation lente à une navigation quasi instantanée sans toucher au back-office.

Sécurisation et automatisation des parcours utilisateurs

Plusieurs aspects sensibles ont été repensés afin d’améliorer la fiabilité et la sécurité du portail :

• refonte complète du processus de mot de passe oublié, avec mise en place d’un système sécurisé de réinitialisation par lien envoyé par e-mail (via Brevo), en remplacement d’un fonctionnement antérieur non chiffré ;
• automatisation de la gestion des comptes utilisateurs, notamment pour éviter la création de doublons lors de la création de compte ou de la souscription ;
• développement du parcours de paiement Stripe de bout en bout, avec redirection sécurisée de l’utilisateur et validation des commandes en lien avec le CRM.

Pour sécuriser les transactions du portail du Télégramme, ID Interactive a intégré Stripe comme solution de paiement, avec un parcours de bout en bout incluant la redirection sécurisée et la validation des commandes via le CRM Aboweb. La réinitialisation de mot de passe, auparavant non chiffrée, a été refaite via Brevo avec envoi d'un lien sécurisé par e-mail.

Règles métier, livraison et personnalisation front

Certaines règles métier, notamment celles liées aux frais de port et aux modalités de livraison, initialement gérées par le CRM, ont été reprises et implémentées côté front afin de respecter strictement les règles définies par Le Télégramme et d’assurer une meilleure maîtrise du parcours d’achat.

L’ensemble du front a été entièrement personnalisé, permettant de dépasser les limites des interfaces standards proposées par le CRM et d’aligner parfaitement le portail avec :

• la nouvelle charte graphique du Télégramme,
• et les exigences UX liées à la diversité des offres.

Extranet client et conformité

Un extranet client complet a été développé, permettant aux utilisateurs de :

• gérer leurs abonnements en cours,
• consulter l’historique des commandes et factures,
• accéder à leurs favoris,
• modifier leurs informations personnelles et leur mot de passe.

Le portail est entièrement conforme au RGPD, avec la mise en place de Didomi (CMP) et l’intégration de Piano Analytics en remplacement de Google Analytics, pour le suivi des parcours et des transactions.

Résultats obtenus

Le Télégramme dispose désormais d’un portail unifié, en ligne et opérationnel, capable de centraliser l’ensemble de ses offres éditoriales au sein d’une web application unique.

La refonte du portail abonnements du Télégramme par ID Interactive, basée sur une architecture Next.js interfacée avec le CRM Aboweb, a produit des résultats mesurables :

• une navigation quasi instantanée en remplacement de temps de chargement de plusieurs secondes,
• un portail unifié centralisant plus de 200 produits et abonnements éditoriaux,
• un extranet client complet permettant la gestion des abonnements, commandes, factures et données personnelles,
• une conformité RGPD assurée via Didomi (CMP) et Piano Analytics,
• et une base technique évolutive en Next.js, indépendante des contraintes du CRM tiers.

Le nouveau portail repose sur une web application développée en Next.js, interfacée avec le CRM Aboweb. Retrouvez notre expertise Next.js détaillée dans notre présentation de l'agence Next.js.

Pour les organisations souhaitant comprendre notre approche globale de la création de site internet, ce projet illustre comment une architecture moderne peut compenser les limites d'un back-office legacy.

Questions fréquentes sur ce projet

Cas d'usage liés : le CRM sur mesure de Villas.fr, la plateforme de location de camping-cars Hapee et l'espace client Calvez Électricité.