Come abbiamo trasformato il sito Web e il business di PEI Media con Agile, WordPress e WooCommerce

L'anno scorso Pragmatic ha collaborato con PEI Media per realizzare una trasformazione digitale del portafoglio di siti Web e, lungo il percorso, della loro attività.

I miei colleghi di Pragmatic e io siamo estremamente orgogliosi dei risultati, inclusi aumenti del traffico organico fino al 40 percento, quindi abbiamo voluto condividere alcune delle cose chiave che abbiamo imparato dal nostro lavoro, dalle osservazioni di alto livello alle intuizioni pratiche.

PEI Media: dal Debito Tecnico all'Agile

PEI Media è un gruppo internazionale di media finanziari con un portafoglio di marchi. Il gruppo ha assunto un nuovo Chief Technology Officer nell'autunno 2016 e gli ha affidato una completa trasformazione digitale dell'azienda. Volevano creare una piattaforma tecnologica moderna e flessibile che avrebbe portato i prodotti premium dell'azienda a fornire una crescita significativa.

Questa è stata una marcia in salita, poiché la società era gravata da un grave debito tecnico. La pubblicazione di nuovi contenuti o la modifica di qualsiasi cosa sul sito Web, anche un semplice errore di battitura, ha richiesto la ricostruzione dell'intero sito Web durante la notte: una situazione chiaramente insostenibile in un settore in cui velocità e flessibilità sono fondamentali. .

Per modificare qualcosa sul sito Web... è necessario ricostruire l'intero sito Web durante la notte.

PEI Media ha registrato buoni tassi di crescita annuale. E grazie a una recente tornata di finanziamenti in capitale di rischio, ora potrebbero guidare la crescita del business ancora più velocemente. Era chiaro, tuttavia, che solo una completa trasformazione degli asset digitali dell'azienda avrebbe consentito loro di raggiungere gli ambiziosi obiettivi che si erano prefissati per il proprio business.

Il compito era di riqualificare gli otto siti Web dell'azienda per fornire il suo portafoglio di prodotti tramite eCommerce self-service, offrendo i migliori strumenti disponibili e un front-end dal design accattivante.

Per soddisfare le esigenze di PEI Media, il nostro team di Pragmatic aveva bisogno di un'architettura connessa di componenti robusti e ad alte prestazioni, implementati tramite metodologie agili.

Lavorando con PEI Media, abbiamo seguito diligentemente il giusto processo. Ciò includeva l'adesione a standard chiari ed elevati, l'incorporazione di una documentazione rigorosa e l'esecuzione di revisioni dettagliate prima di decidere le soluzioni per i problemi che dovevamo affrontare.

Abbiamo condotto un processo RFP completo con i nostri futuri partner PEI Media, esplorando quali approcci, software e architettura avrebbero funzionato meglio per le attività da svolgere.

Una volta che siamo entrati ufficialmente a bordo per eseguire questo progetto, abbiamo iniziato con un processo di scoperta. Abbiamo quindi creato un product backlog che incorporava tutti i requisiti dei diversi stakeholder.

Perché WordPress, perché WooCommerce?

Si trattava di un progetto di pubblicazione sul Web, quindi WordPress, il principale sistema di gestione dei contenuti del Web, era una scelta naturale La disponibilità di un'ampia gamma di potenti plug-in e flussi di lavoro editoriali flessibili hanno fatto risaltare WordPress rispetto alle piattaforme CMS proprietarie che avevamo considerato .

La flessibilità di Visual Composer, che consente di modificare le pagine Web senza la necessità del supporto degli sviluppatori, è stata una vera attrazione per PEI Media. Abbiamo anche dimostrato la capacità del nostro team di scorrere rapidamente una serie di temi di terze parti, generando rapidamente prototipi fino a quando non siamo riusciti a trovarne uno che corrispondesse alla visione di PEI Media per la loro rete di siti Web. Mostrare ai nostri clienti come potrebbe essere il sito ha dato loro fiducia in WordPress e nella nostra capacità di creare i siti che desideravano.

WooCommerce ha offerto a PEI Media un'esperienza di pagamento semplificata. Il precedente processo di checkout dell'eCommerce dell'azienda includeva non meno di nove passaggi e con WooCommerce siamo stati in grado di ridurre il numero a due o tre. Ciò ha semplificato il lavoro dei team di vendita e ci aspettavamo che avrebbe prodotto anche un tasso di conversione migliore.

Il precedente processo di checkout dell'eCommerce dell'azienda includeva non meno di nove passaggi e con WooCommerce siamo stati in grado di ridurre il numero a due o tre

Poiché PEI Media vende contenuti e i membri del loro team erano abituati a modificarli e produrli, estendere la gestione dei contenuti alle descrizioni e alle immagini dei prodotti non è stato un grande passo avanti.

Come WordPress, WooCommerce è open source, quindi ci ha dato la flessibilità di espandere e modificare le funzionalità di base secondo necessità. In questo progetto a livello aziendale, il nostro cliente era distribuito su diverse unità aziendali, ciascuna con conti profitti e perdite separati e indipendenti e generando le proprie entrate. Ciò significava che dovevamo tenere conto di diversi tipi di contenuto, dai prodotti fisici all'accesso ai contenuti virtuali, ai biglietti per eventi e altri. Questi siti dovevano anche gestire pagamenti una tantum e abbonamenti, qualcosa che WooCommerce poteva supportare.

L'ultimo punto di forza per noi è stata l'estensibilità di WooCommerce che può integrarsi facilmente con altre app e software ed è altamente collegabile, il che significa che non c'erano limiti alle piattaforme e ai servizi a cui potevamo connettere i siti PEI Media..

Progettazione tecnica di thisispei.com

Per soddisfare alcune delle funzionalità che WordPress e WooCommerce non sono in grado di fornire, come la gestione dei diritti , il sistema di autorizzazione che controlla il contenuto limitato che un utente può o non può vedere in base a una matrice di criteri, abbiamo implementato una serie di altri integrazioni.

Per gestire l'accesso tra diversi tipi di utenti - utenti anonimi, utenti registrati gratuiti e utenti a pagamento di contenuti premium - avevamo bisogno di creare PEI Media una soluzione sofisticata in grado di gestire la gestione dei diritti. La chiave del loro business era massimizzare il tasso di conversione, incoraggiando gli utenti a pagare, e abbiamo identificato diverse piattaforme cloud che già offrono questa funzionalità.

L'architettura tecnica che abbiamo costruito consisteva in WordPress come CMS e front end e WooCommerce per l'eCommerce. Abbiamo quindi aggiunto Blaize, una piattaforma di gestione dell'identità e degli accessi. Mettiamo un server proxy davanti a WordPress per gestire la gestione dell'identità, inclusa la registrazione, gli accessi e la gestione dell'account utente. A seconda di ciò a cui accedono i visitatori e dei loro diritti di autorizzazione, il server proxy genera dinamicamente il contenuto pertinente.

Abbiamo optato per l'autenticazione senza password e abbiamo anche sfruttato la capacità di Blaize di generare gratuitamente la prima pagina di contenuto per le richieste di pagine in entrata provenienti da determinati motori di ricerca. Questo cosiddetto accesso "first click free" consente alle pagine di essere indicizzate dai motori di ricerca e aiuta i siti Web a posizionarsi meglio nei risultati di ricerca.

PEI Media gestisce una ricca piattaforma di ricerca e analisi dei dati, che il team utilizza per informare i suoi analisti sui mercati coperti dall'azienda. Per consentire l'accesso a questi dati sui siti Web rinnovati, li abbiamo inseriti tramite Elasticsearch e abbiamo creato un front-end React per visualizzarli. Siamo riusciti a semplificare la visualizzazione dei contenuti editoriali insieme alla grafica basata sui dati.

Blaize si connette anche al CRM dell'azienda per gestire i diritti per WordPress. Una volta che un utente effettua il check-out tramite WooCommerce dopo aver acquistato un diritto, Blaize aggiorna immediatamente il CRM, offrendo all'utente un rapido accesso ai contenuti premium.

Per migliorare le vendite attraverso l'automazione del marketing, abbiamo integrato Google Tag Manager, che ritrasmette i dati a Google Analytics e da lì alle piattaforme di business intelligence dell'azienda. Ciò ha consentito continui miglioramenti all'acquisizione e alla fidelizzazione dei clienti.

L'architettura che abbiamo creato ha creato un'esperienza cliente personalizzata, che a sua volta favorisce il coinvolgimento del pubblico, le visite ripetute, il tempo trascorso sul sito e il numero di pagine visualizzate. Poiché il modello di business di PEI Media si concentra su prodotti premium, più pagine visualizza un utente, più si avvicina al raggiungimento del limite, il che significa che dovrà eseguire l'aggiornamento per accedere a quel contenuto.

Progettazione operativa: scoperta e calibrazione

Questo è stato un progetto enorme, con una serie di diverse funzionalità e pezzi di software da costruire e collegare insieme. Come siamo passati da un inizio in piedi a un programma a tutta velocità? La transizione prevedeva tre fasi.

La fase di scoperta è arrivata prima. Questo periodo di un mese riguardava l'assicurarsi che l'intero team di progetto fosse allineato sia sulla visione che sui requisiti specifici. Abbiamo utilizzato workshop e incontri con PEI Media e altri partner tecnologici per completare la documentazione iniziale del progetto. Siamo stati attenti a evitare interventi tecnici o digitali a meno che non sia assolutamente necessario: volevamo che la nostra comunicazione fosse coinvolgente e generasse conversazioni sane. Abbiamo anche svolto un po' di prototipazione ed esplorazione tecnica per ridurre al minimo il rischio tecnico una volta iniziato lo sviluppo. Durante questa fase, abbiamo anche deciso di utilizzare un approccio Agile, con i team che eseguono sprint della durata di due settimane ciascuno.

Poi è arrivata la fase di calibrazione , che ci ha dato sei settimane (tre sprint) per andare avanti con il progetto. Questa fase ci ha dato la possibilità di valutare la quantità di lavoro che potevamo realizzare in ogni sprint e ci ha dato una buona idea delle date di consegna rispetto alle pietre miliari chiave.

Dopo la calibrazione, siamo passati senza problemi allo stato finale di un delivery team di Scrum attivo. Gli incontri, che sono una parte fondamentale del processo di Scrum, ci hanno permesso di discutere e rivedere costantemente i progressi con i nostri partner PEI Media. Questo ci ha aiutato a promuovere una relazione positiva e basata sulla fiducia.

Aumento di richieste, clic e traffico

Grazie all'accesso senza password, il numero di richieste di abbonamento in tutto il gruppo è aumentato in modo significativo. I siti web si caricano più velocemente e i visitatori fanno clic su più articoli. Di conseguenza, alcuni siti Web hanno registrato un aumento del traffico fino al 23%, correlato anche a più visite, sessioni utente più lunghe e più visualizzazioni di pagina.

Di conseguenza, alcuni siti web hanno registrato un aumento del traffico fino al 23%.

Nuovi approcci di personalizzazione hanno offerto un'esperienza del cliente orientata al coinvolgimento del pubblico e a migliori tassi di conversione.

Conclusione

Lavorare con PEI Media è stata una delle migliori esperienze che ho avuto in tutta la mia carriera. Un rapporto di terze parti suggerisce che la mia impressione non è del tutto soggettiva:

“La natura del rapporto con i partner di sviluppo sembra essere tale da favorire una collaborazione e un'attuazione efficaci. Può essere considerato vicino alle migliori pratiche”.

È qualcosa che qualsiasi agenzia può essere orgogliosa di leggere.

Ci sono molti fattori che hanno reso questo progetto così vincente, ma mi concentrerò sul ruolo chiave svolto da WordPress e WooCommerce:

• Velocità : la capacità di scorrere in poche ore i temi standard ha dato al team di progetto la certezza che avessimo condiviso una visione per il portfolio.
• Requisiti adeguati : WordPress è un CMS di alto livello, che alimenta il 30 percento del Web, e ha abbinato o superato altre opzioni CMS specializzate e personalizzate, dando al team la certezza che stavamo scegliendo la soluzione migliore.
• Integrazioni : la piattaforma PEI Media utilizza i componenti più potenti uniti tra loro per creare la soluzione digitale ottimale per il business. La community open source di WordPress significa che per molte integrazioni esistevano già soluzioni pronte all'uso.
• Facilmente personalizzabile : PEI Media ha deciso di volere che questa piattaforma fosse una parte fondamentale della loro strategia. WordPress e WooCommerce supportano questa visione consentendo all'azienda di mantenere, rimuovere, sostituire o aumentare le funzionalità in linea con le priorità aziendali e la creazione di valore.
• Valore : il fatto che WordPress, un progetto software open source, abbia un canone annuo di licenza pari a zero significa che PEI Media è stata in grado di investire una parte maggiore del proprio capitale in caratteristiche e funzioni che aggiungono valore specifico alla propria attività.

Pragmatic ha avuto il privilegio di lavorare con PEI Media in modo agile, aperto e affidabile che ha consentito a entrambe le parti di sfruttare questi fattori per ottenere vantaggi, valore e successo di business. È stimolante vedere come ogni successo ha creato fiducia e coinvolgimento all'interno dell'azienda.

– – – – – –

Questo post è un riepilogo di un discorso tenuto a WooConf 2017.