Jak zmieniliśmy stronę internetową PEI Media – i biznes – dzięki Agile, WordPress i WooCommerce
Opublikowany: 2018-03-23W zeszłym roku Pragmatic współpracował z PEI Media, aby przeprowadzić cyfrową transformację ich portfolio stron internetowych — a po drodze również ich działalności.
Moi koledzy z Pragmatic i ja jesteśmy niezwykle dumni z wyników — w tym organicznego wzrostu ruchu nawet o 40 procent — dlatego chcieliśmy podzielić się niektórymi kluczowymi rzeczami, których nauczyliśmy się podczas naszej pracy, od obserwacji na wysokim poziomie po praktyczne spostrzeżenia.
PEI Media: od zadłużenia technicznego do Agile
PEI Media to międzynarodowa grupa mediów finansowych z portfolio marek. Grupa powołała nowego dyrektora ds. technologii jesienią 2016 r. i zleciła mu całkowitą cyfrową transformację firmy. Chcieli stworzyć nowoczesną, elastyczną platformę technologiczną, która doprowadziłaby produkty premium firmy do znacznego wzrostu.
Był to marsz pod górę, ponieważ firma była obciążona dużym zadłużeniem technicznym. Opublikowanie nowych treści lub zmiana czegokolwiek w witrynie, nawet prostej literówki, wymagały przebudowania całej witryny z dnia na dzień — wyraźnie jest to niezrównoważony stan rzeczy w branży, w której szybkość i elastyczność mają kluczowe znaczenie. .
Aby zmienić cokolwiek na stronie… wymagało przebudowania całej strony z dnia na dzień.
PEI Media odnotowało dobre roczne stopy wzrostu. A dzięki niedawnej rundzie finansowania kapitału podwyższonego ryzyka mogą teraz napędzać rozwój firmy jeszcze szybciej. Było jednak jasne, że tylko całkowita transformacja cyfrowych aktywów firmy pozwoli im osiągnąć ambitne cele, jakie wyznaczyli swojej działalności.
Zadanie polegało na przebudowie ośmiu witryn firmy, aby dostarczać portfolio produktów za pośrednictwem samoobsługowego handlu elektronicznego, oferując najlepsze dostępne narzędzia oraz atrakcyjnie zaprojektowany interfejs.
Aby sprostać potrzebom PEI Media, nasz zespół Pragmatic potrzebował połączonej architektury solidnych, wysokowydajnych komponentów wdrożonych za pomocą zwinnych metodologii.
Współpracując z PEI Media skrupulatnie postępowaliśmy zgodnie z należytym procesem. Obejmowało to przestrzeganie jasnych — i wysokich — standardów, uwzględnienie ścisłej dokumentacji oraz przeprowadzanie szczegółowych przeglądów przed podjęciem decyzji o rozwiązaniach problemów, które musieliśmy rozwiązać.
Przeprowadziliśmy dokładny proces RFP z naszymi przyszłymi partnerami PEI Media, badając, jakie podejścia, oprogramowanie i architektura najlepiej sprawdziłyby się w przypadku danych zadań.
Kiedy już oficjalnie weszliśmy na pokład, aby zrealizować ten projekt, rozpoczęliśmy proces odkrywania. Następnie stworzyliśmy rejestr produktów, który uwzględniał wszystkie wymagania różnych interesariuszy.
Dlaczego WordPress, dlaczego WooCommerce?
Był to projekt publikowania w Internecie, więc WordPress, wiodący system zarządzania treścią w sieci, był naturalnym rozwiązaniem. Dostępność szerokiej gamy potężnych wtyczek i elastycznych przepływów pracy redakcyjnej sprawiły, że WordPress wyróżnia się na tle zastrzeżonych platform CMS, które braliśmy pod uwagę .
Ogromną atrakcją dla PEI Media była elastyczność Visual Composer, która umożliwia zmianę stron internetowych bez konieczności wsparcia programistów. Zademonstrowaliśmy również zdolność naszego zespołu do szybkiego przechodzenia przez szereg motywów stron trzecich, szybkiego generowania prototypów, dopóki nie znaleźliśmy takiego, który pasowałby do wizji PEI Media dla ich sieci stron internetowych. Pokazanie naszemu klientowi, jak może wyglądać witryna, dało mu zaufanie do WordPressa — i do naszej zdolności do tworzenia witryn, które chcieli.
WooCommerce zapewnił PEI Media usprawnioną obsługę transakcji. Poprzedni proces realizacji transakcji w handlu elektronicznym firmy obejmował nie mniej niż dziewięć kroków, a dzięki WooCommerce byliśmy w stanie zmniejszyć tę liczbę do dwóch lub trzech. Ułatwiło to pracę zespołów sprzedażowych i spodziewaliśmy się, że przyniesie to również lepszy współczynnik konwersji.
Poprzedni proces realizacji transakcji w handlu elektronicznym firmy obejmował nie mniej niż dziewięć kroków, a dzięki WooCommerce byliśmy w stanie zmniejszyć liczbę do dwóch lub trzech
Ponieważ PEI Media sprzedaje treści, a członkowie ich zespołu byli przyzwyczajeni do ich edycji i produkcji, rozszerzenie zarządzania treścią na opisy produktów i zdjęcia nie było wielkim krokiem.
Podobnie jak WordPress, WooCommerce jest oprogramowaniem typu open source, co dało nam elastyczność w rozszerzaniu i edytowaniu podstawowych funkcji w razie potrzeby. W tym projekcie na poziomie przedsiębiorstwa nasz klient był rozłożony na kilka jednostek biznesowych, z których każda prowadziła oddzielne i niezależne rachunki zysków i strat oraz generowała własne przychody. Oznaczało to, że musieliśmy uwzględnić kilka różnych rodzajów treści, od produktów fizycznych po dostęp do treści wirtualnych, bilety na wydarzenia i inne. Te witryny musiały również obsługiwać jednorazowe płatności, a także subskrypcje, co może obsługiwać WooCommerce.
Ostatnim punktem sprzedaży dla nas była możliwość rozszerzania WooCommerce, która może łatwo integrować się z innymi aplikacjami i oprogramowaniem, a także jest wysoce łączona, co oznacza, że nie było ograniczeń dotyczących platform i usług, z którymi moglibyśmy łączyć witryny PEI Media..
Projekt techniczny thisispei.com
Aby spełnić niektóre z możliwości, których nie były w stanie zapewnić WordPress i WooCommerce, takich jak zarządzanie uprawnieniami — system uprawnień, który kontroluje zastrzeżoną zawartość, którą użytkownik może lub nie może zobaczyć zgodnie z macierzą kryteriów — wdrożyliśmy szereg innych integracje.
Aby zarządzać dostępem dla różnych typów użytkowników — użytkowników anonimowych, zarejestrowanych użytkowników bezpłatnych i użytkowników opłacających zawartość premium — musieliśmy zbudować PEI Media zaawansowane rozwiązanie, które mogłoby obsługiwać zarządzanie uprawnieniami. Kluczem do ich działalności była maksymalizacja współczynnika konwersji, zachęcanie użytkowników do płacenia, i zidentyfikowaliśmy kilka platform chmurowych, które już oferują tę funkcjonalność.
Zbudowana przez nas architektura techniczna składała się z WordPressa jako CMS i frontendu oraz WooCommerce dla eCommerce. Następnie dodaliśmy Blaize, platformę zarządzania tożsamością i dostępem. Przed WordPressem umieściliśmy serwer proxy do obsługi zarządzania tożsamością, w tym rejestracji, logowania i zarządzania kontem użytkownika. W zależności od tego, do czego odwiedzający uzyskują dostęp i jakie mają uprawnienia, serwer proxy dynamicznie generuje odpowiednią zawartość.
Zdecydowaliśmy się na uwierzytelnianie bez hasła, a także wykorzystaliśmy zdolność Blaize do bezpłatnego generowania pierwszej strony treści dla żądań stron przychodzących z niektórych wyszukiwarek. Ten tak zwany dostęp „bez pierwszego kliknięcia” umożliwia indeksowanie stron przez wyszukiwarki i poprawia pozycję witryn w wynikach wyszukiwania.
PEI Media prowadzi bogatą platformę do badania i analizy danych, której zespół używa do informowania swoich analityków o rynkach obsługiwanych przez firmę. Aby umożliwić dostęp do tych danych na zmodernizowanych stronach internetowych, przeszliśmy je przez Elasticsearch i zbudowaliśmy front-end React do ich wyświetlania. Udało nam się usprawnić wyświetlanie treści redakcyjnych wraz z grafiką opartą na danych.
Blaize łączy się również z CRM firmy, aby zarządzać uprawnieniami dla WordPress. Gdy użytkownik dokona płatności za pośrednictwem WooCommerce po zakupie uprawnienia, Blaize natychmiast aktualizuje CRM, zapewniając użytkownikowi szybki dostęp do treści premium.
Aby usprawnić sprzedaż poprzez automatyzację marketingu, zintegrowaliśmy Menedżera tagów Google, który przekazuje dane z powrotem do Google Analytics, a stamtąd do platform Business Intelligence firmy. Pozwoliło to na ciągłe doskonalenie pozyskiwania i utrzymywania klientów.
Zbudowana przez nas architektura stworzyła spersonalizowaną obsługę klienta, co z kolei zwiększa zaangażowanie odbiorców, powtarzające się wizyty, czas spędzony w witrynie i liczbę przeglądanych stron. Ponieważ model biznesowy PEI Media koncentruje się na produktach premium, im więcej stron przegląda użytkownik, tym bardziej zbliża się do osiągnięcia limitu, co oznacza, że będzie musiał dokonać aktualizacji, aby uzyskać dostęp do tych treści.
Projekt operacyjny: odkrycie i kalibracja
To był ogromny projekt, z wieloma różnymi funkcjami i elementami oprogramowania do zbudowania i połączenia ze sobą. Jak przeszliśmy od startu na stojąco do programu na pełnych obrotach? Przejście wymagało trzech faz.
Faza odkrycia była pierwsza. Ten miesięczny okres miał na celu upewnienie się, że cały zespół projektowy jest dostosowany zarówno do wizji, jak i konkretnych wymagań. Wykorzystaliśmy warsztaty i spotkania z PEI Media i innymi partnerami technologicznymi, aby pomóc w skompletowaniu wstępnej dokumentacji projektowej. Staraliśmy się unikać technicznych lub cyfrowych wypowiedzi, chyba że jest to absolutnie konieczne: chcieliśmy, aby nasza komunikacja była angażująca i generowała zdrowe rozmowy. Zrobiliśmy również kilka prototypów i badań technicznych, aby zminimalizować ryzyko techniczne po rozpoczęciu rozwoju. Podczas tej fazy zgodziliśmy się również na zastosowanie podejścia Agile, z zespołami prowadzącymi sprinty trwające dwa tygodnie każdy.
Następnie przyszła faza kalibracji , która dała nam sześć tygodni (trzy sprinty) na rozpoczęcie projektu. Ta faza dała nam możliwość oceny ilości pracy, jaką możemy osiągnąć w każdym sprincie, i dała nam dobry pomysł na terminy dostaw w odniesieniu do kluczowych kamieni milowych.
Po kalibracji bezproblemowo przeszliśmy do końcowego stanu aktywnie działającego zespołu Scrum . Spotkania, które są krytyczną częścią procesu scrum, oznaczały, że nieustannie omawialiśmy i analizowaliśmy postępy z naszymi partnerami PEI Media. Pomogło nam to nawiązać pozytywną, opartą na zaufaniu relację.
Wzrost zapytań, kliknięć i ruchu
Dzięki dostępowi bez hasła liczba zapytań o subskrypcję w całej grupie znacznie wzrosła. Strony ładują się szybciej, a odwiedzający klikają więcej artykułów. W rezultacie niektóre witryny odnotowały wzrost ruchu nawet o 23%, co korelowało również z większą liczbą wizyt, dłuższymi sesjami użytkowników i większą liczbą odsłon.
W rezultacie niektóre witryny odnotowały wzrost ruchu nawet o 23%.
Nowe podejścia do personalizacji zapewniły klientom doświadczenie nastawione na zaangażowanie odbiorców i lepsze współczynniki konwersji.
Wniosek
Praca z PEI Media była jednym z najlepszych doświadczeń, jakie miałem w całej mojej karierze. Raport firmy zewnętrznej sugeruje, że moje wrażenie nie jest całkowicie subiektywne:
„Charakter relacji z partnerami rozwojowymi wydaje się sprzyjać efektywnej współpracy i realizacji. Można to uznać za zbliżone do najlepszych praktyk”.
To jest coś, z przeczytania której każda agencja może być dumna.
Jest wiele czynników, które sprawiły, że ten projekt był tak udany, ale skoncentruję się na kluczowej roli, jaką odegrały WordPress i WooCommerce:
- Szybkość — możliwość przeglądania gotowych motywów w ciągu kilku godzin dała zespołowi projektowemu pewność, że podzieliliśmy wizję portfolio.
- Dopasowanie wymagań — WordPress to najwyższej klasy CMS — obsługuje 30 procent sieci — i dopasowany lub lepszy od innych specjalistycznych, dostosowanych do potrzeb opcji CMS, dając zespołowi pewność, że wybraliśmy najlepsze rozwiązanie.
- Integracje – platforma PEI Media wykorzystuje połączone ze sobą najpotężniejsze komponenty, aby stworzyć optymalne rozwiązanie cyfrowe dla biznesu. Społeczność open source WordPressa oznacza, że w przypadku wielu integracji istniały już gotowe rozwiązania.
- Łatwo konfigurowalny – PEI Media zdecydowało, że chce, aby ta platforma była kluczowym elementem ich strategii. WordPress i WooCommerce wspierają tę wizję, umożliwiając firmie utrzymywanie, usuwanie, zastępowanie lub rozszerzanie funkcji zgodnie z priorytetami biznesowymi i tworzeniem wartości.
- Wartość – fakt, że WordPress, projekt oprogramowania open source, ma roczną opłatę licencyjną w wysokości zerowej, oznacza, że PEI Media była w stanie zainwestować większą część swojego kapitału w funkcje i funkcje, które dodają konkretną wartość do ich działalności.
Firma Pragmatic miała zaszczyt współpracować z PEI Media w sposób zwinny, otwarty i pełen zaufania, który pozwolił obu stronom wykorzystać te czynniki do korzyści biznesowych, wartości i sukcesu. To inspirujące widzieć, jak każdy sukces buduje zaufanie i zaangażowanie w firmie.
– – – – – –
Ten post jest podsumowaniem przemówienia wygłoszonego na WooConf 2017.