Wie wir die Website – und das Geschäft – von PEI Media mit Agile, WordPress und WooCommerce transformiert haben

Im vergangenen Jahr arbeitete Pragmatic mit PEI Media zusammen, um eine digitale Transformation ihres Website-Portfolios – und damit auch ihres Geschäfts – zu erreichen.

Meine Kollegen bei Pragmatic und ich sind sehr stolz auf die Ergebnisse – einschließlich organischer Traffic-Steigerungen von bis zu 40 Prozent – ​​deshalb wollten wir einige der wichtigsten Dinge teilen, die wir aus unserer Arbeit gelernt haben, von hochrangigen Beobachtungen bis hin zu praktischen Erkenntnissen.

PEI Media: Von technischer Schuld zu Agilität

PEI Media ist eine internationale Finanzmediengruppe mit einem Markenportfolio. Die Gruppe stellte im Herbst 2016 einen neuen Chief Technology Officer ein und beauftragte ihn mit einer vollständigen digitalen Transformation des Unternehmens. Sie wollten eine moderne, flexible Technologieplattform schaffen, die die Premiumprodukte des Unternehmens zu signifikantem Wachstum führen würde.

Dies war ein harter Weg, da das Unternehmen mit schweren technischen Schulden belastet war. Die Veröffentlichung neuer Inhalte oder Änderungen auf der Website, selbst ein einfacher Tippfehler, erforderte den Neuaufbau der gesamten Website über Nacht – eindeutig ein unhaltbarer Zustand in einer Branche, in der Geschwindigkeit und Flexibilität entscheidend sind. .

Um irgendetwas auf der Website zu ändern … musste die gesamte Website über Nacht neu erstellt werden.

PEI Media hatte gute jährliche Wachstumsraten. Und dank einer kürzlich durchgeführten Venture-Capital-Finanzierungsrunde könnten sie dieses Geschäftswachstum jetzt noch schneller vorantreiben. Es war jedoch klar, dass nur eine vollständige Transformation der digitalen Assets des Unternehmens es ihnen ermöglichen würde, die ehrgeizigen Ziele zu erreichen, die sie sich für ihr Unternehmen gesetzt hatten.

Die Aufgabe bestand darin, die acht Websites des Unternehmens neu zu entwickeln, um sein Produktportfolio über Self-Service-E-Commerce anzubieten und die besten verfügbaren Tools sowie ein attraktiv gestaltetes Front-End anzubieten.

Um die Anforderungen von PEI Media zu erfüllen, benötigte unser Team bei Pragmatic eine vernetzte Architektur aus robusten, leistungsstarken Komponenten, die mit agilen Methoden implementiert wurden.

Bei der Zusammenarbeit mit PEI Media haben wir uns gewissenhaft an das ordnungsgemäße Verfahren gehalten. Dazu gehörten die Einhaltung klarer – und hoher – Standards, die Einbeziehung einer strengen Dokumentation und die Durchführung detaillierter Überprüfungen, bevor wir uns für Lösungen für die Probleme entschieden, die wir angehen mussten.

Wir haben mit unseren zukünftigen PEI Media-Partnern einen gründlichen RFP-Prozess durchgeführt und untersucht, welche Ansätze, Software und Architektur für die anstehenden Aufgaben am besten geeignet sind.

Als wir offiziell an Bord kamen, um dieses Projekt durchzuführen, begannen wir mit einem Entdeckungsprozess. Anschließend erstellten wir ein Produkt-Backlog, das alle Anforderungen der verschiedenen Interessengruppen berücksichtigte.

Warum WordPress, warum WooCommerce?

Dies war ein Web-Publishing-Projekt, daher war WordPress, das führende Content-Management-System im Internet, eine natürliche Ergänzung. Die Verfügbarkeit einer breiten Palette leistungsstarker Plugins und eines flexiblen redaktionellen Workflows machte WordPress im Vergleich zu proprietären CMS-Plattformen, die wir in Betracht gezogen hatten, herausragend .

Die Flexibilität von Visual Composer, die es ermöglicht, Webseiten ohne Entwicklerunterstützung zu ändern, war ein echter Vorteil für PEI Media. Wir demonstrierten auch die Fähigkeit unseres Teams, eine Reihe von Themen von Drittanbietern schnell zu durchlaufen und schnell Prototypen zu erstellen, bis wir einen finden konnten, der der Vision von PEI Media für ihr Netzwerk von Websites entsprach. Unserem Kunden zu zeigen, wie die Website aussehen könnte, gab ihm Vertrauen in WordPress – und in unsere Fähigkeit, die gewünschten Websites zu erstellen.

WooCommerce gab PEI Media ein optimiertes Checkout-Erlebnis. Der vorherige E-Commerce-Checkout-Prozess des Unternehmens umfasste nicht weniger als neun Schritte, und mit WooCommerce konnten wir die Zahl auf zwei oder drei reduzieren. Dies erleichterte die Arbeit der Vertriebsteams und wir erwarteten auch eine bessere Konversionsrate.

Der vorherige E-Commerce-Checkout-Prozess des Unternehmens umfasste nicht weniger als neun Schritte, und mit WooCommerce konnten wir die Zahl auf zwei oder drei reduzieren

Da PEI Media Inhalte verkauft und ihre Teammitglieder daran gewöhnt waren, diese zu bearbeiten und zu produzieren, war die Ausweitung dieses Inhaltsmanagements auf Produktbeschreibungen und Bilder kein großer Sprung.

Wie WordPress ist WooCommerce Open Source, sodass wir die grundlegende Funktionalität nach Bedarf erweitern und bearbeiten konnten. In diesem Projekt auf Unternehmensebene war unser Kunde auf mehrere Geschäftseinheiten verteilt, die jeweils separate und unabhängige Gewinn- und Verlustrechnungen führten und ihre eigenen Einnahmen generierten. Das bedeutete, dass wir verschiedene Arten von Inhalten berücksichtigen mussten, von physischen Produkten über den Zugriff auf virtuelle Inhalte bis hin zu Veranstaltungstickets und mehr. Diese Seiten mussten auch Einmalzahlungen sowie Abonnements abwickeln, etwas, das WooCommerce unterstützen könnte.

Das letzte Verkaufsargument für uns war die Erweiterbarkeit von WooCommerce, die sich leicht in andere Apps und Software integrieren lässt und in hohem Maße verknüpfbar ist, was bedeutet, dass es keine Grenzen für die Plattformen und Dienste gab, mit denen wir PEI Media-Sites verbinden konnten.

Technisches Design von thisispei.com

Um einige der Funktionen zu erfüllen, die WordPress und WooCommerce nicht bieten konnten, wie z. B. die Berechtigungsverwaltung – das Berechtigungssystem, das die eingeschränkten Inhalte steuert, die ein Benutzer gemäß einer Matrix von Kriterien sehen kann oder nicht –, haben wir eine Reihe anderer implementiert Integrationen.

Um den Zugriff für verschiedene Arten von Benutzern zu verwalten – anonyme Benutzer, registrierte kostenlose Benutzer und Premium-Content-bezahlende Benutzer – mussten wir PEI Media eine ausgeklügelte Lösung entwickeln, die die Berechtigungsverwaltung handhaben konnte. Der Schlüssel zu ihrem Geschäft war die Maximierung der Konversionsrate, die Aufforderung der Benutzer, zu zahlen, und wir haben mehrere Cloud-Plattformen identifiziert, die diese Funktionalität bereits anbieten.

Die von uns erstellte technische Architektur bestand aus WordPress als CMS und Frontend sowie WooCommerce für den E-Commerce. Dann fügten wir Blaize hinzu, eine Identitäts- und Zugriffsverwaltungsplattform. Wir stellen einen Proxy-Server vor WordPress, um die Identitätsverwaltung zu übernehmen, einschließlich Registrierung, Anmeldungen und Verwaltung von Benutzerkonten. Abhängig davon, worauf Besucher zugreifen und welche Berechtigungsrechte sie haben, generiert der Proxy-Server dynamisch die relevanten Inhalte.

Wir entschieden uns für eine passwortlose Authentifizierung und nutzten außerdem die Fähigkeit von Blaize, die erste Inhaltsseite kostenlos für eingehende Seitenanfragen von bestimmten Suchmaschinen zu generieren. Dieser sogenannte „First Click Free“-Zugriff ermöglicht es, Seiten von den Suchmaschinen zu indizieren und den Websites zu helfen, in den Suchergebnissen besser zu ranken.

PEI Media betreibt eine reichhaltige Datenrecherche- und Analyseplattform, die das Team nutzt, um seine Analysten über die Märkte zu informieren, die das Unternehmen abdeckt. Um den Zugriff auf diese Daten auf den überarbeiteten Websites zu ermöglichen, haben wir sie durch Elasticsearch geschickt und ein React-Frontend erstellt, um sie anzuzeigen. Wir haben es geschafft, die Anzeige von redaktionellen Inhalten neben datengesteuerten Grafiken zu optimieren.

Blaize verbindet sich auch mit dem CRM des Unternehmens, um Berechtigungen für WordPress zu verwalten. Sobald ein Benutzer über WooCommerce auscheckt, nachdem er eine Berechtigung erworben hat, aktualisiert Blaize sofort das CRM und gibt dem Benutzer schnellen Zugriff auf Premium-Inhalte.

Um den Verkauf durch Marketing-Automatisierung zu verbessern, haben wir den Google Tag Manager integriert, der Daten zurück an Google Analytics und von dort an die Business-Intelligence-Plattformen des Unternehmens weiterleitet. Dies ermöglichte kontinuierliche Verbesserungen bei der Kundenakquise und -bindung.

Die von uns erstellte Architektur hat ein personalisiertes Kundenerlebnis geschaffen, das wiederum das Publikumsengagement, wiederholte Besuche, die auf der Website verbrachte Zeit und die Anzahl der aufgerufenen Seiten fördert. Da sich das Geschäftsmodell von PEI Media auf Premium-Produkte konzentriert, kommt ein Benutzer umso näher an das Limit, je mehr Seiten er ansieht, was bedeutet, dass er ein Upgrade durchführen muss, um auf diese Inhalte zugreifen zu können.

Betriebsdesign: Entdeckung und Kalibrierung

Dies war ein riesiges Projekt mit einer Reihe verschiedener Funktionen und Softwarekomponenten, die erstellt und miteinander verbunden werden mussten. Wie sind wir aus dem Stand zu einem Full-Speed-Programm gekommen? Der Übergang erforderte drei Phasen.

Zuerst kam die Findungsphase . In diesem einmonatigen Zeitraum ging es darum, sicherzustellen, dass das gesamte Projektteam sowohl auf die Vision als auch auf die spezifischen Anforderungen ausgerichtet war. Wir nutzten Workshops und Meetings mit PEI Media und anderen Technologiepartnern, um bei der Vervollständigung der ersten Projektdokumentation zu helfen. Wir haben darauf geachtet, technische oder digitale Sprache zu vermeiden, es sei denn, dies ist absolut notwendig: Wir wollten, dass unsere Kommunikation ansprechend ist und gesunde Gespräche führt. Wir haben auch einige Prototypen und technische Erkundungen durchgeführt, um das technische Risiko nach Beginn der Entwicklung zu minimieren. Während dieser Phase haben wir uns auch darauf geeinigt, einen agilen Ansatz zu verwenden, bei dem die Teams jeweils zweiwöchige Sprints durchführen.

Als nächstes kam die Kalibrierungsphase , die uns sechs Wochen (drei Sprints) gab, um mit dem Projekt loszulegen. Diese Phase gab uns die Möglichkeit, den Arbeitsaufwand zu bewerten, den wir in jedem Sprint erreichen konnten, und gab uns eine gute Vorstellung von Lieferterminen im Vergleich zu wichtigen Meilensteinen.

Nach der Kalibrierung sind wir nahtlos in den Endzustand einer aktiv laufenden Scrum-Team-Bereitstellung übergegangen . Die Meetings, die ein kritischer Teil des Scrum-Prozesses sind, führten dazu, dass wir den Fortschritt mit unseren PEI-Media-Partnern ständig diskutierten und überprüften. Dies hat uns geholfen, eine positive, vertrauensbasierte Beziehung aufzubauen.

Steigerungen bei Anfragen, Klicks und Traffic

Dank passwortlosem Zugang ist die Zahl der Abo-Anfragen konzernweit deutlich gestiegen. Die Websites werden schneller geladen und die Besucher klicken auf mehr Artikel. Infolgedessen verzeichneten einige Websites einen Anstieg des Traffics um bis zu 23 %, was auch mit mehr Besuchen, längeren Benutzersitzungen und mehr Seitenaufrufen korrelierte.

Infolgedessen ist der Traffic auf einigen Websites um bis zu 23 % gestiegen.

Neue Personalisierungsansätze haben ein Kundenerlebnis geschaffen, das auf die Einbindung des Publikums und bessere Konversionsraten ausgerichtet ist.

Fazit

Die Zusammenarbeit mit PEI Media war eine der besten Erfahrungen, die ich in meiner gesamten Karriere gemacht habe. Ein Bericht eines Drittanbieters legt nahe, dass mein Eindruck nicht ganz subjektiv ist:

„Die Art der Beziehung zu den Entwicklungspartnern scheint eine zu sein, die eine effektive Zusammenarbeit und Leistung fördern würde. Es kann als nah an Best Practice angesehen werden.“

Darauf kann jede Agentur stolz sein.

Es gibt viele Faktoren, die dieses Projekt so erfolgreich gemacht haben, aber ich werde mich auf die Schlüsselrolle konzentrieren, die WordPress und WooCommerce gespielt haben:

• Geschwindigkeit – die Möglichkeit, innerhalb von Stunden durch Standardthemen zu blättern, gab dem Projektteam die Gewissheit, dass wir eine gemeinsame Vision für das Portfolio hatten.
• Anforderungen passen – WordPress ist ein Top-Tier-CMS – das 30 Prozent des Webs antreibt – und hat andere spezialisierte, maßgeschneiderte CMS-Optionen erreicht oder übertroffen, was dem Team die Gewissheit gibt, dass wir die beste Lösung gewählt haben.
• Integrationen – die PEI Media-Plattform nutzt die leistungsstärksten Komponenten, die miteinander verwoben sind, um die optimale digitale Lösung für das Unternehmen zu schaffen. Die Open-Source-Community von WordPress bedeutet, dass für viele Integrationen bereits Lösungen von der Stange existierten.
• Leicht anpassbar – PEI Media entschied, dass diese Plattform ein zentraler Bestandteil ihrer Strategie sein sollte. WordPress und WooCommerce unterstützen diese Vision, indem sie es dem Unternehmen ermöglichen, Funktionen im Einklang mit den Geschäftsprioritäten und der Wertschöpfung beizubehalten, zu entfernen, zu ersetzen oder zu erweitern.
• Wert – Die Tatsache, dass WordPress, ein Open-Source-Softwareprojekt, mit einer jährlichen Lizenzgebühr von null ausgestattet ist, bedeutet, dass PEI Media einen größeren Teil ihres Kapitals in Features und Funktionen investieren konnte, die ihrem Unternehmen einen besonderen Mehrwert verleihen.

Pragmatic hatte das Privileg, mit PEI Media auf agile, offene und vertrauensvolle Weise zusammenzuarbeiten, die es beiden Parteien ermöglichte, diese Faktoren in Geschäftsvorteile, Wert und Erfolg zu verwandeln. Es ist inspirierend zu sehen, wie jeder Erfolg Vertrauen und Engagement im Unternehmen aufgebaut hat.

– – – – – –

Dieser Beitrag ist eine Zusammenfassung eines Vortrags, der auf der WooConf 2017 gehalten wurde.