Comment nous avons transformé le site Web – et les activités – de PEI Media avec Agile, WordPress et WooCommerce

L'année dernière, Pragmatic a travaillé avec PEI Media pour offrir une transformation numérique de leur portefeuille de sites Web - et, en cours de route, de leur entreprise.

Mes collègues de Pragmatic et moi-même sommes extrêmement fiers des résultats - y compris des augmentations de trafic organiques allant jusqu'à 40 % - nous voulions donc partager certaines des principales choses que nous avons apprises de notre travail, des observations de haut niveau aux informations pratiques.

PEI Media : de la dette technique à l'agilité

PEI Media est un groupe international de médias financiers avec un portefeuille de marques. Le groupe a recruté un nouveau Chief Technology Officer à l'automne 2016 et l'a chargé d'une transformation numérique complète de l'entreprise. Ils souhaitaient créer une plate-forme technologique moderne et flexible qui conduirait les produits haut de gamme de l'entreprise à générer une croissance significative.

Ce fut une marche difficile, car l'entreprise était accablée par une lourde dette technique. La publication de nouveau contenu ou la modification de quoi que ce soit sur le site Web, même une simple faute de frappe, a nécessité la reconstruction de l'ensemble du site Web du jour au lendemain - une situation clairement insoutenable dans un secteur où la rapidité et la flexibilité sont cruciales. .

Pour changer quoi que ce soit sur le site Web… il a fallu reconstruire l'intégralité du site Web du jour au lendemain.

PEI Media a enregistré de bons taux de croissance annuels. Et grâce à une récente ronde de financement en capital-risque, ils pourraient désormais accélérer encore la croissance de cette entreprise. Il était clair, cependant, que seule une transformation complète des actifs numériques de l'entreprise leur permettrait d'atteindre les objectifs ambitieux qu'ils s'étaient fixés pour leur entreprise.

L'objectif était de redévelopper les huit sites Web de l'entreprise pour proposer son portefeuille de produits via le commerce électronique en libre-service, offrant les meilleurs outils disponibles ainsi qu'un front-end attrayant.

Pour répondre aux besoins de PEI Media, notre équipe de Pragmatic avait besoin d'une architecture connectée de composants robustes et performants, implémentés via des méthodologies agiles.

En travaillant avec PEI Media, nous avons suivi avec diligence la procédure établie. Cela comprenait le respect de normes claires et élevées, l'incorporation d'une documentation stricte et la réalisation d'examens détaillés avant de décider des solutions aux problèmes que nous devions résoudre.

Nous avons mené un processus d'appel d'offres approfondi avec nos futurs partenaires de PEI Media, en explorant les approches, les logiciels et l'architecture qui fonctionneraient le mieux pour les tâches à accomplir.

Une fois que nous sommes officiellement arrivés à bord pour exécuter ce projet, nous avons commencé par un processus de découverte. Nous avons ensuite créé un backlog de produit qui intégrait toutes les exigences des différentes parties prenantes.

Pourquoi WordPress, pourquoi WooCommerce ?

Il s'agissait d'un projet de publication Web, donc WordPress, le principal système de gestion de contenu du Web, était un choix naturel .

La flexibilité de Visual Composer, qui permet de changer de page Web sans avoir besoin de l'aide d'un développeur, a été un véritable atout pour PEI Media. Nous avons également démontré la capacité de notre équipe à parcourir rapidement un certain nombre de thèmes tiers, en générant rapidement des prototypes jusqu'à ce que nous puissions en trouver un qui corresponde à la vision de PEI Media pour leur réseau de sites Web. Montrer à notre client à quoi pourrait ressembler le site lui a donné confiance dans WordPress - et dans notre capacité à créer les sites qu'il souhaitait.

WooCommerce a offert à PEI Media une expérience de paiement simplifiée. Le précédent processus de paiement en ligne de la société ne comprenait pas moins de neuf étapes, et avec WooCommerce, nous avons pu réduire le nombre à deux ou trois. Cela a facilité le travail des équipes commerciales et nous nous attendions à ce que cela produise également un meilleur taux de conversion.

Le précédent processus de paiement en ligne de l'entreprise ne comprenait pas moins de neuf étapes, et avec WooCommerce, nous avons pu réduire le nombre à deux ou trois.

Parce que PEI Media vend du contenu et que les membres de son équipe étaient habitués à l'éditer et à le produire, étendre cette gestion de contenu aux descriptions de produits et aux images n'était pas un grand pas en avant.

Comme WordPress, WooCommerce est open source, il nous a donc donné la flexibilité d'étendre et de modifier les fonctionnalités de base selon les besoins. Dans ce projet au niveau de l'entreprise, notre client était réparti sur plusieurs unités commerciales, chacune gérant des comptes de profits et pertes distincts et indépendants et générant ses propres revenus. Cela signifiait que nous devions tenir compte de plusieurs types de contenu différents, allant des produits physiques à l'accès au contenu virtuel, aux billets d'événement, etc. Ces sites devaient également gérer les paiements uniques ainsi que les abonnements, ce que WooCommerce pouvait prendre en charge.

Le dernier argument de vente pour nous était l'extensibilité de WooCommerce qui peut facilement s'intégrer à d'autres applications et logiciels, et est hautement connectable, ce qui signifie qu'il n'y avait aucune limite sur les plates-formes et les services auxquels nous pouvions connecter les sites PEI Media.

Conception technique de thisispei.com

Pour répondre à certaines des fonctionnalités que WordPress et WooCommerce ne pouvaient pas fournir, telles que la gestion des droits - le système d'autorisation qui contrôle le contenu restreint qu'un utilisateur peut ou ne peut pas voir selon une matrice de critères - nous avons implémenté un certain nombre d'autres intégrations.

Pour gérer l'accès entre différents types d'utilisateurs (utilisateurs anonymes, utilisateurs gratuits enregistrés et utilisateurs payants de contenu premium), nous devions créer PEI Media une solution sophistiquée capable de gérer la gestion des droits. La clé de leur activité était de maximiser le taux de conversion, d'encourager les utilisateurs à payer, et nous avons identifié plusieurs plates-formes cloud qui offrent déjà cette fonctionnalité.

L'architecture technique que nous avons construite comprenait WordPress comme CMS et le front-end et WooCommerce pour le commerce électronique. Nous avons ensuite ajouté Blaize, une plateforme de gestion des identités et des accès. Nous avons placé un serveur proxy devant WordPress pour gérer la gestion des identités, y compris l'enregistrement, les connexions et la gestion des comptes d'utilisateurs. En fonction de ce à quoi les visiteurs accèdent et de leurs droits d'accès, le serveur proxy génère dynamiquement le contenu pertinent.

Nous avons opté pour une authentification sans mot de passe et avons également capitalisé sur la capacité de Blaize à générer gratuitement la première page de contenu pour les demandes de pages entrantes provenant de certains moteurs de recherche. Cet accès dit "premier clic gratuit" permet aux pages d'être indexées par les moteurs de recherche et d'aider les sites Web à mieux se classer dans les résultats de recherche.

PEI Media gère une riche plateforme de recherche et d'analyse de données, que l'équipe utilise pour informer ses analystes sur les marchés couverts par l'entreprise. Pour permettre l'accès à ces données sur les sites Web remaniés, nous les avons transmises à Elasticsearch et avons créé une interface React pour les afficher. Nous avons réussi à rationaliser l'affichage du contenu éditorial aux côtés de graphiques basés sur les données.

Blaize se connecte également au CRM de l'entreprise pour gérer les droits pour WordPress. Une fois qu'un utilisateur vérifie via WooCommerce après avoir acheté un droit, Blaize met immédiatement à jour le CRM, donnant à l'utilisateur un accès rapide au contenu premium.

Pour améliorer les ventes grâce à l'automatisation du marketing, nous avons intégré Google Tag Manager, qui renvoie les données à Google Analytics et, de là, aux plateformes de veille économique de l'entreprise. Cela a permis d'améliorer continuellement l'acquisition et la fidélisation des clients.

L'architecture que nous avons construite a créé une expérience client personnalisée, qui à son tour stimule l'engagement du public, les visites répétées, le temps passé sur le site et le nombre de pages consultées. Comme le modèle commercial de PEI Media se concentre sur les produits haut de gamme, plus un utilisateur consulte de pages, plus il se rapproche de la limite, ce qui signifie qu'il devra effectuer une mise à niveau pour accéder à ce contenu.

Conception opérationnelle : découverte et étalonnage

C'était un projet énorme, avec un certain nombre de fonctionnalités et de logiciels différents à construire et à connecter ensemble. Comment sommes-nous passés d'un départ arrêté à un programme à pleine vitesse ? La transition a nécessité trois phases.

La phase de découverte est venue en premier. Cette période d'un mois consistait à s'assurer que toute l'équipe du projet était alignée à la fois sur la vision et sur les exigences spécifiques. Nous avons utilisé des ateliers et des réunions avec PEI Media et d'autres partenaires technologiques pour aider à compléter la documentation initiale du projet. Nous avons pris soin d'éviter les discours techniques ou numériques sauf en cas d'absolue nécessité : nous voulions que notre communication soit engageante et génère des conversations saines. Nous avons également fait du prototypage et de l'exploration technique afin de minimiser les risques techniques une fois le développement commencé. Au cours de cette phase, nous avons également convenu d'utiliser une approche Agile, avec des équipes exécutant des sprints d'une durée de deux semaines chacun.

Vient ensuite la phase de calibration , qui nous a donné six semaines (trois sprints) pour lancer le projet. Cette phase nous a permis d'évaluer la quantité de travail que nous pouvions accomplir dans chaque sprint et nous a donné une bonne idée des dates de livraison par rapport aux étapes clés.

Après le calibrage, nous sommes passés de manière transparente à l'état final d'une livraison d' équipe Scrum en cours d'exécution . Les réunions qui sont une partie essentielle du processus Scrum signifiaient que nous discutions et examinions constamment les progrès avec nos partenaires PEI Media. Cela nous a permis de développer une relation positive basée sur la confiance.

Augmentation des demandes de renseignements, des clics et du trafic

Grâce à l'accès sans mot de passe, le nombre de demandes d'abonnement au sein du groupe a considérablement augmenté. Les sites Web se chargent plus rapidement et les visiteurs cliquent sur plus d'articles. En conséquence, certains sites Web ont vu leur trafic augmenter jusqu'à 23 %, ce qui est également corrélé à davantage de visites, à des sessions utilisateur plus longues et à davantage de pages vues.

En conséquence, certains sites Web ont vu leur trafic augmenter jusqu'à 23 %.

De nouvelles approches de personnalisation ont permis d'offrir une expérience client axée sur l'engagement du public et de meilleurs taux de conversion.

Conclusion

Travailler avec PEI Media a été l'une des meilleures expériences que j'ai vécues au cours de toute ma carrière. Un rapport tiers suggère que mon impression n'est pas entièrement subjective :

« La nature de la relation avec les partenaires de développement semble être celle qui favoriserait une collaboration et une prestation efficaces. Cela peut être considéré comme proche des meilleures pratiques.

C'est quelque chose que n'importe quelle agence peut être fière de lire.

De nombreux facteurs ont rendu ce projet si réussi, mais je vais me concentrer sur le rôle clé que WordPress et WooCommerce ont joué :

• Rapidité - la possibilité de parcourir des thèmes prêts à l'emploi en quelques heures a donné à l'équipe de projet la certitude que nous partagions une vision pour le portefeuille.
• Exigences adaptées - WordPress est un CMS de premier plan - alimentant 30% du Web - et égalant ou battant d'autres options CMS spécialisées et sur mesure, donnant à l'équipe la certitude que nous choisissions la meilleure solution.
• Intégrations - la plate-forme PEI Media utilise les composants les plus puissants réunis pour créer la solution numérique optimale pour l'entreprise. La communauté open source de WordPress signifie que pour de nombreuses intégrations, des solutions prêtes à l'emploi existaient déjà.
• Facilement personnalisable - PEI Media a décidé de faire de cette plateforme un élément central de sa stratégie. WordPress et WooCommerce soutiennent cette vision en permettant à l'entreprise de conserver, supprimer, remplacer ou augmenter les fonctionnalités conformément aux priorités de l'entreprise et à la création de valeur.
• Valeur - le fait que WordPress, un projet de logiciel open source, s'accompagne d'un droit de licence annuel de zéro signifie que PEI Media a pu investir une plus grande proportion de son capital dans des fonctionnalités et des fonctions qui ajoutent une valeur spécifique à son entreprise.

Pragmatic a eu le privilège de travailler avec PEI Media d'une manière agile, ouverte et confiante qui a permis aux deux parties de tirer parti de ces facteurs en avantages commerciaux, en valeur et en succès. C'est inspirant de voir comment chaque succès a renforcé la confiance et l'engagement au sein de l'entreprise.

– – – – – –

Cet article est un récapitulatif d'une conférence donnée à la WooConf 2017.