Cum am transformat site-ul web al PEI Media – și afacerea – cu Agile, WordPress și WooCommerce

Anul trecut, Pragmatic a lucrat cu PEI Media pentru a oferi o transformare digitală a portofoliului lor de site-uri web și, pe parcurs, a afacerii lor.

Eu și colegii mei de la Pragmatic suntem extrem de mândri de rezultate – inclusiv de creșteri organice ale traficului de până la 40 la sută – așa că am vrut să împărtășim câteva dintre lucrurile cheie pe care le-am învățat din munca noastră, de la observații la nivel înalt până la informații practice.

PEI Media: de la Datoria Tehnică la Agile

PEI Media este un grup internațional de media financiară cu un portofoliu de mărci. Grupul a adus un nou Chief Technology Officer în toamna anului 2016 și l-a însărcinat cu o transformare digitală completă a afacerii. Ei doreau să creeze o platformă tehnologică modernă, flexibilă, care să conducă produsele premium ale companiei să producă o creștere semnificativă.

Acesta a fost un marș ascendent, deoarece compania era împovărată cu datorii tehnice severe. Publicarea de conținut nou sau schimbarea oricăror lucruri pe site, chiar și o simplă greșeală de scriere, a necesitat reconstruirea întregului site peste noapte - în mod clar o stare de lucruri nesustenabilă într-o industrie în care viteza și flexibilitatea sunt cruciale. .

Pentru a schimba ceva de pe site... a necesitat reconstruirea întregului site peste noapte.

PEI Media a avut rate anuale bune de creștere. Și, mulțumită unei runde recente de finanțare cu capital de risc, aceștia ar putea acum să stimuleze creșterea afacerii și mai rapid. Era clar, însă, că doar o transformare completă a activelor digitale ale companiei le-ar permite să atingă obiectivele ambițioase pe care și le-au stabilit pentru afacerea lor.

Scopul a fost să redezvolte cele opt site-uri web ale companiei pentru a-și livra portofoliul de produse prin intermediul comerțului electronic cu autoservire, oferind cele mai bune instrumente disponibile, precum și un front-end proiectat atractiv.

Pentru a răspunde nevoilor PEI Media, echipa noastră de la Pragmatic avea nevoie de o arhitectură conectată de componente robuste, de înaltă performanță, implementate prin metodologii agile.

În colaborarea cu PEI Media, am urmat cu sârguință procedura legală. Aceasta a inclus aderarea la standarde clare – și înalte –, încorporarea unei documentații stricte și efectuarea de revizuiri detaliate înainte de a decide soluțiile pentru problemele pe care trebuia să le abordăm.

Am desfășurat un proces amănunțit de cerere de propuneri cu viitorii noștri parteneri PEI Media, explorând ce abordări, software și arhitectură ar funcționa cel mai bine pentru sarcinile în cauză.

Odată ce ne-am luat oficial la bord pentru a executa acest proiect, am început cu un proces de descoperire. Apoi am creat un backlog de produse care a încorporat toate cerințele diferitelor părți interesate.

De ce WordPress, de ce WooCommerce?

Acesta a fost un proiect de publicare pe web, așa că WordPress, cel mai important sistem de management al conținutului web, s-a potrivit natural Disponibilitatea unei game largi de plugin-uri puternice și a fluxurilor de lucru editoriale flexibile au făcut ca WordPress să iasă în evidență în comparație cu platformele CMS proprietare pe care le-am considerat. .

Flexibilitatea Visual Composer, care face posibilă schimbarea paginilor web fără a fi nevoie de sprijin pentru dezvoltatori, a fost o adevărată atracție pentru PEI Media. De asemenea, am demonstrat capacitatea echipei noastre de a itera rapid printr-o serie de teme terțe, generând rapid prototipuri până când am putut găsi unul care să se potrivească cu viziunea PEI Media pentru rețeaua lor de site-uri web. Arătând clientului nostru cum ar putea arăta site-ul, le-a dat încredere în WordPress - și în capacitatea noastră de a construi site-urile pe care și le-au dorit.

WooCommerce a oferit PEI Media o experiență de plată simplificată. Procesul anterior de achiziție pentru comerțul electronic al companiei a inclus nu mai puțin de nouă pași, iar cu WooCommerce am reușit să reducem numărul la doi sau trei. Acest lucru a ușurat munca echipelor de vânzări și ne așteptam să producă și o rată de conversie mai bună.

Procesul anterior de achiziție pentru comerțul electronic al companiei a inclus nu mai puțin de nouă pași, iar cu WooCommerce am reușit să reducem numărul la doi sau trei.

Deoarece PEI Media vinde conținut, iar membrii echipei lor erau obișnuiți să-l editeze și să îl producă, extinderea managementului conținutului la descrierile și imaginile produselor nu a fost un salt mare.

La fel ca WordPress, WooCommerce este open source, așa că ne-a oferit flexibilitatea de a extinde și edita funcționalitatea de bază după cum este necesar. În acest proiect la nivel de întreprindere, clientul nostru a fost răspândit în mai multe unități de afaceri, fiecare având conturi de profit și pierderi separate și independente și generând propriile venituri. Acest lucru a însemnat că a trebuit să luăm în considerare mai multe tipuri de conținut diferite, de la produse fizice la acces la conținut virtual, bilete la evenimente și altele. Aceste site-uri trebuiau, de asemenea, să gestioneze plăți unice, precum și abonamente, lucru pe care WooCommerce l-ar putea sprijini.

Momentul final de vânzare pentru noi a fost extensibilitatea WooCommerce care se poate integra cu ușurință cu alte aplicații și software și este foarte conectabil, ceea ce înseamnă că nu existau limite pentru platformele și serviciile la care ne puteam conecta site-urile PEI Media.

Design tehnic al thisispei.com

Pentru a îndeplini unele dintre capabilitățile pe care WordPress și WooCommerce nu le-au putut oferi, cum ar fi gestionarea drepturilor - sistemul de permisiune care controlează conținutul restricționat pe care un utilizator îl poate sau nu îl poate vedea conform unei matrice de criterii - am implementat o serie de alte integrări.

Pentru a gestiona accesul pentru diferite tipuri de utilizatori — utilizatori anonimi, utilizatori gratuiti înregistrați și utilizatori care plătesc conținut premium — aveam nevoie să construim PEI Media o soluție sofisticată care să se ocupe de gestionarea drepturilor. Cheia afacerii lor a fost maximizarea ratei de conversie, încurajarea utilizatorilor să plătească și am identificat câteva platforme cloud care oferă deja această funcționalitate.

Arhitectura tehnică pe care am construit-o a constat din WordPress ca CMS și front-end și WooCommerce pentru eCommerce. Am adăugat apoi Blaize, o platformă de gestionare a identității și a accesului. Am pus un server proxy în fața WordPress pentru a se ocupa de gestionarea identității, inclusiv înregistrarea, autentificarea și gestionarea contului de utilizator. În funcție de ceea ce accesează vizitatorii și de drepturile lor, serverul proxy generează în mod dinamic conținutul relevant.

Am optat pentru autentificarea fără parolă și am valorificat, de asemenea, capacitatea lui Blaize de a genera prima pagină de conținut gratuit pentru solicitările de pagini primite de la anumite motoare de căutare. Acest așa-numit acces „primul clic gratuit” permite ca paginile să fie indexate de motoarele de căutare și să ajute site-urile să se claseze mai bine în rezultatele căutării.

PEI Media administrează o platformă bogată de cercetare și analiză a datelor, pe care echipa o folosește pentru a-și informa analiștii despre piețele pe care compania le acoperă. Pentru a permite accesul la aceste date pe site-urile web reînnoite, le-am introdus prin Elasticsearch și am construit un front-end React pentru a le afișa. Am reușit să eficientizăm afișarea conținutului editorial alături de grafica bazată pe date.

Blaize se conectează și la CRM-ul companiei pentru a gestiona drepturile pentru WordPress. Odată ce un utilizator verifică prin WooCommerce după ce a achiziționat un drept, Blaize actualizează imediat CRM-ul, oferind utilizatorului acces rapid la conținut premium.

Pentru a îmbunătăți vânzările prin automatizarea marketingului, am integrat Google Tag Manager, care transmite datele înapoi către Google Analytics și de acolo către platformele de business intelligence ale companiei. Acest lucru a permis îmbunătățirea continuă a achiziției și păstrării clienților.

Arhitectura pe care am construit-o a creat o experiență personalizată a clienților, care, la rândul său, stimulează implicarea publicului, vizite repetate, timpul petrecut pe site și numărul de pagini vizualizate. Deoarece modelul de afaceri al PEI Media se concentrează pe produse premium, cu cât un utilizator vede mai multe pagini, cu atât se apropie mai mult de atingerea limitei, ceea ce înseamnă că va trebui să facă upgrade pentru a accesa acel conținut.

Proiectare operațională: descoperire și calibrare

Acesta a fost un proiect uriaș, cu o serie de caracteristici diferite și piese de software pentru a construi și conecta împreună. Cum am ajuns de la un start în picioare la un program de viteză maximă? Tranziția a necesitat trei etape.

Faza de descoperire a fost prima. Această perioadă de o lună a fost pentru a vă asigura că întreaga echipă de proiect a fost aliniată atât la viziune, cât și la cerințele specifice. Am folosit ateliere și întâlniri cu PEI Media și alți parteneri tehnologici pentru a ajuta la finalizarea documentației inițiale a proiectului. Am avut grijă să evităm vorbirea tehnică sau digitală, dacă nu este absolut necesar: ne-am dorit ca comunicarea noastră să fie captivantă și să genereze conversații sănătoase. De asemenea, am făcut câteva prototipuri și explorări tehnice pentru a minimiza riscul tehnic odată ce a început dezvoltarea. În această fază, am convenit, de asemenea, să folosim o abordare Agile, cu echipe care rulează sprinturi cu durata de două săptămâni fiecare.

Urmează faza de calibrare , care ne-a oferit șase săptămâni (trei sprinturi) pentru a începe proiectul. Această fază ne-a oferit capacitatea de a evalua cantitatea de muncă pe care am putea-o realiza în fiecare sprint și ne-a dat o idee bună despre datele de livrare în raport cu reperele cheie.

După calibrare, ne-am mutat fără probleme în starea finală a unei echipe scrum care se desfășoară în mod activ. Întâlnirile care reprezintă o parte critică a procesului scrum au însemnat că am discutat și revizuit în mod constant progresul cu partenerii noștri PEI Media. Acest lucru ne-a ajutat să promovăm o relație pozitivă, bazată pe încredere.

Creșteri ale întrebărilor, clicurilor și traficului

Datorită accesului fără parolă, numărul de solicitări de abonament în cadrul grupului a crescut semnificativ. Site-urile se încarcă mai repede, iar vizitatorii dau clic pe mai multe articole. Drept urmare, unele site-uri web au înregistrat o creștere a traficului cu până la 23%, ceea ce s-a corelat și cu mai multe vizite, sesiuni mai lungi de utilizatori și mai multe vizualizări de pagină.

Drept urmare, unele site-uri web au înregistrat o creștere a traficului cu până la 23%.

Noile abordări de personalizare au oferit clienților o experiență orientată spre implicarea publicului și rate de conversie mai bune.

Concluzie

Lucrul cu PEI Media a fost una dintre cele mai bune experiențe pe care le-am avut de-a lungul întregii mele cariere. Un raport al unei terțe părți sugerează că impresia mea nu este în întregime subiectivă:

„Natura relației cu partenerii de dezvoltare pare a fi una care ar stimula colaborarea și livrarea eficientă. Poate fi considerat aproape de cele mai bune practici.”

Este ceva ce orice agenție poate fi mândră să îl citească.

Există o mulțime de factori care au făcut acest proiect atât de reușit, dar mă voi concentra pe rolul cheie pe care l-au jucat WordPress și WooCommerce:

• Viteza – capacitatea de a parcurge temele disponibile în câteva ore a oferit echipei de proiect încrederea că împărtășim o viziune pentru portofoliu.
• Cerințele se potrivesc – WordPress este un CMS de top – care alimentează 30% din web – și a egalat sau depășit alte opțiuni de CMS specializate, personalizate, dând echipei încrederea că alegem cea mai bună soluție.
• Integrari – platforma PEI Media foloseste cele mai puternice componente combinate pentru a crea solutia digitala optima pentru afacere. Comunitatea open source a WordPress înseamnă că pentru multe integrări au existat deja soluții standard.
• Ușor personalizabilă – PEI Media a decis că dorea ca această platformă să fie o parte esențială a strategiei lor. WordPress și WooCommerce susțin această viziune, permițând companiei să păstreze, să elimine, să înlocuiască sau să mărească funcții în conformitate cu prioritățile de afaceri și cu crearea de valoare.
• Valoare – faptul că WordPress, un proiect de software open source, vine cu o taxă anuală de licență de zero înseamnă că PEI Media a putut să investească o proporție mai mare din capitalul lor în caracteristici și funcții care adaugă o valoare specifică afacerii lor.

Pragmatic a avut privilegiul de a lucra cu PEI Media într-un mod agil, deschis și de încredere, care a permis ambelor părți să folosească acești factori în beneficii, valoare și succes de afaceri. Este inspirant să vezi cum fiecare succes a creat încredere și implicare în cadrul afacerii.

– – – – – –

Această postare este o recapitulare a unei discuții susținute la WooConf 2017.