Agile, WordPress ve WooCommerce ile PEI Media'nın Web Sitesini ve İşini Nasıl Dönüştürdük?

Geçen yıl Pragmatic, web sitesi portföyünün ve bu arada işletmelerinin dijital dönüşümünü sağlamak için PEI Media ile çalıştı.

Pragmatic'teki meslektaşlarım ve ben, yüzde 40'a varan organik trafik artışları dahil sonuçlardan son derece gurur duyuyoruz.

PEI Medyası: Teknik Borçtan Çevikliğe

PEI Media, marka portföyüne sahip uluslararası bir finansal medya grubudur. Grup, Sonbahar 2016'da yeni bir Baş Teknoloji Sorumlusu getirdi ve ona işin eksiksiz bir dijital dönüşümü görevini verdi. Şirketin premium ürünlerini önemli bir büyüme sağlamaya yönlendirecek modern, esnek bir teknoloji platformu yaratmak istediler.

Şirket ciddi teknik borç yükü altında olduğundan, bu yokuş yukarı bir yürüyüştü. Web sitesinde yeni içerik yayınlamak veya herhangi bir şeyi değiştirmek, basit bir yazım hatası bile olsa, tüm web sitesini bir gecede yeniden inşa etmeyi gerektiriyordu - açıkçası hız ve esnekliğin çok önemli olduğu bir sektörde sürdürülemez bir durum. .

Web sitesindeki herhangi bir şeyi değiştirmek için … tüm web sitesini bir gecede yeniden inşa etmek gerekiyordu.

PEI Media iyi yıllık büyüme oranlarına sahipti. Ve son zamanlardaki bir girişim sermayesi finansmanı turu sayesinde, artık bu iş büyümesini daha da hızlı hale getirebilirler. Yine de, şirketin dijital varlıklarının yalnızca tam bir dönüşümünün, işletmeleri için belirledikleri iddialı hedeflere ulaşmalarını sağlayacağı açıktı.

Özet, ürün portföyünü self-servis e-Ticaret yoluyla sunmak için şirketin sekiz web sitesini yeniden geliştirmek ve mevcut en iyi araçları ve çekici bir şekilde tasarlanmış bir ön uç sunmaktı.

PEI Media'nın ihtiyaçlarını karşılamak için Pragmatic'teki ekibimiz, çevik metodolojilerle uygulanan sağlam, yüksek performanslı bileşenlerden oluşan bağlantılı bir mimariye ihtiyaç duyuyordu.

PEI Media ile çalışırken, yasal süreci özenle takip ettik. Bu, net ve yüksek standartlara bağlı kalmayı, katı belgelere sahip olmayı ve ele almamız gereken sorunlar için çözümlere karar vermeden önce ayrıntılı incelemeleri yapmayı içeriyordu.

Gelecekteki PEI Media ortaklarımızla, eldeki görevler için hangi yaklaşımların, yazılımın ve mimarinin en iyi sonucu vereceğini araştırarak kapsamlı bir RFP süreci yürüttük.

Bu projeyi yürütmek için resmi olarak gemiye geldiğimizde, bir keşif süreciyle başladık. Ardından, tüm farklı paydaşların gereksinimlerini içeren bir ürün birikimi oluşturduk.

Neden WordPress, neden WooCommerce?

Bu bir web yayıncılığı projesiydi, bu nedenle web'in önde gelen içerik yönetim sistemi olan WordPress doğal bir uyumdu Çok çeşitli güçlü eklentilerin ve esnek bir editoryal iş akışlarının mevcudiyeti, WordPress'i düşündüğümüz tescilli CMS platformlarına kıyasla öne çıkardı .

Geliştirici desteğine ihtiyaç duymadan web sayfalarını değiştirmeyi mümkün kılan Visual Composer'ın esnekliği, PEI Media için gerçek bir çekilişti. Ayrıca, ekibimizin, PEI Media'nın kendi web siteleri ağı vizyonuna uyan bir tane bulana kadar hızla prototipler oluşturarak, bir dizi üçüncü taraf temalarını hızla yineleme yeteneğini de gösterdik. Müşterimize sitenin nasıl görünebileceğini göstermek, onlara WordPress'e ve bizim istedikleri siteleri oluşturma yeteneğimize güven verdi.

WooCommerce, PEI Media'ya kolaylaştırılmış bir ödeme deneyimi verdi. Şirketin önceki e-Ticaret ödeme süreci en az dokuz adım içeriyordu ve WooCommerce ile sayıyı iki veya üçe indirebildik. Bu, satış ekiplerinin işini kolaylaştırdı ve biz de daha iyi bir dönüşüm oranı sağlayacağını umduk.

Şirketin önceki e-ticaret ödeme süreci en az dokuz adım içeriyordu ve WooCommerce ile sayıyı iki veya üçe indirebildik.

PEI Media içerik sattığından ve ekip üyeleri onu düzenlemeye ve üretmeye alışık olduğundan, içerik yönetimini ürün açıklamalarına ve resimlerine genişletmek büyük bir adım değildi.

WordPress gibi, WooCommerce açık kaynaktır, bu nedenle bize temel işlevleri gerektiği gibi genişletme ve düzenleme esnekliği verdi. Bu kurumsal düzeyde projede, müşterimiz, her biri ayrı ve bağımsız Kar ve Zarar hesapları çalıştıran ve kendi gelirlerini yaratan çeşitli iş birimlerine yayılmıştır. Bu, fiziksel ürünlerden sanal içerik erişimine, etkinlik biletlerine ve diğerlerine kadar birçok farklı içerik türünü hesaba katmamız gerektiği anlamına geliyordu. Bu sitelerin ayrıca, WooCommerce'in destekleyebileceği bir şey olan aboneliklerin yanı sıra bir kerelik ödemeleri de işlemesi gerekiyordu.

Bizim için son satış noktası, WooCommerce'in genişletilebilirliğinin diğer uygulamalar ve yazılımlarla kolayca entegre edilebilmesi ve yüksek düzeyde bağlanabilir olmasıydı, yani PEI Media sitelerini bağlayabileceğimiz platformlarda ve hizmetlerde herhangi bir sınır yoktu.

thisispei.com'un Teknik Tasarımı

Yetkilendirme yönetimi gibi WordPress ve WooCommerce'in sağlayamadığı bazı yetenekleri karşılamak için (bir kullanıcının bir ölçüt matrisine göre göremediği veya göremediği kısıtlı içeriği kontrol eden izin verme sistemi) bir dizi başka uygulama uyguladık. entegrasyonlar.

Anonim kullanıcılar, kayıtlı ücretsiz kullanıcılar ve premium içerik ödeyen kullanıcılar gibi farklı kullanıcı türleri arasında erişimi yönetmek için, PEI Media'yı yetkilendirme yönetimini gerçekleştirebilecek karmaşık bir çözüm oluşturmamız gerekiyordu. İşlerinin anahtarı, dönüşüm oranını en üst düzeye çıkarmak, kullanıcıları ödemeye teşvik etmekti ve bu işlevi zaten sunan birkaç bulut platformu belirledik.

Oluşturduğumuz teknik mimari, CMS olarak WordPress ve e-Ticaret için ön uç ve WooCommerce'den oluşuyordu. Ardından bir kimlik ve erişim yönetimi platformu olan Blaize'i ekledik. Kayıt, oturum açma ve kullanıcı hesabı yönetimi dahil olmak üzere kimlik yönetimini yürütmek için WordPress'in önüne bir proxy sunucusu yerleştirdik. Ziyaretçilerin neye eriştiğine ve yetki haklarına bağlı olarak, proxy sunucusu ilgili içeriği dinamik olarak oluşturur.

Parolasız kimlik doğrulamayı seçtik ve ayrıca Blaize'in belirli arama motorlarından gelen gelen sayfa istekleri için içeriğin ilk sayfasını ücretsiz olarak oluşturma yeteneğinden yararlandık. Bu "ilk tıklama ücretsiz" erişim, sayfaların arama motorları tarafından dizine eklenmesine ve web sitelerinin arama sonuçlarında daha iyi sıralanmasına yardımcı olur.

PEI Media, ekibin analistlerini şirketin kapsadığı pazarlar hakkında bilgilendirmek için kullandığı zengin bir veri araştırma ve analiz platformu çalıştırıyor. Yenilenen web sitelerinde bu verilere erişime izin vermek için, Elasticsearch'e koyduk ve görüntülemek için bir React ön ucu oluşturduk. Veri odaklı grafiklerin yanı sıra editoryal içeriğin görüntülenmesini kolaylaştırmayı başardık.

Blaize ayrıca WordPress yetkilerini yönetmek için şirketin CRM'sine bağlanır. Bir kullanıcı bir yetki satın aldıktan sonra WooCommerce aracılığıyla ödeme yaptığında, Blaize hemen CRM'yi güncelleyerek kullanıcıya premium içeriğe hızlı erişim sağlar.

Pazarlama otomasyonu yoluyla satışları artırmak için verileri Google Analytics'e ve oradan şirketin iş zekası platformlarına geri ileten Google Etiket Yöneticisi'ni entegre ettik. Bu, müşteri edinme ve elde tutma konusunda sürekli iyileştirmelere izin verdi.

Oluşturduğumuz mimari, kişiselleştirilmiş bir müşteri deneyimi yarattı ve bu da izleyici katılımını, tekrar ziyaretleri, sitede geçirilen süreyi ve görüntülenen sayfa sayısını artırdı. PEI Media'nın iş modeli birinci sınıf ürünlere odaklandığından, bir kullanıcı ne kadar çok sayfa görüntülerse, sınıra o kadar yaklaşırlar, yani bu içeriğe erişmek için yükseltme yapmaları gerekir.

Operasyonel Tasarım: Keşif ve Kalibrasyon

Bu, oluşturulacak ve birbirine bağlanacak bir dizi farklı özellik ve yazılım parçasına sahip devasa bir projeydi. Ayakta bir başlangıçtan tam hızlı bir programa nasıl geçtik? Geçiş üç aşama gerektiriyordu.

Önce keşif aşaması geldi. Bu bir aylık süre, tüm proje ekibinin hem vizyon hem de özel gereksinimler konusunda uyumlu olduğundan emin olmakla ilgiliydi. İlk proje belgelerinin tamamlanmasına yardımcı olmak için PEI Media ve diğer teknoloji ortaklarıyla çalıştaylar ve toplantılar kullandık. Kesinlikle gerekli olmadıkça teknik veya dijital konuşmalardan kaçınmaya özen gösterdik: iletişimimizin ilgi çekici olmasını ve sağlıklı sohbetler oluşturmasını istedik. Geliştirme başladığında teknik riski en aza indirmek için bazı prototipler ve teknik keşifler de yaptık. Bu aşamada, takımların her biri iki hafta süren sprintler koştuğu Çevik bir yaklaşım kullanmaya da karar verdik.

Ardından, projeye başlamamız için bize altı hafta (üç sprint) veren kalibrasyon aşaması geldi. Bu aşama bize her bir sprintte başarabileceğimiz iş miktarını değerlendirme yeteneği verdi ve bize önemli kilometre taşlarına karşı teslim tarihleri ​​hakkında iyi bir fikir verdi.

Kalibrasyondan sonra, aktif olarak çalışan bir scrum ekibi teslimatının son durumuna sorunsuz bir şekilde geçtik. Scrum sürecinin kritik bir parçası olan toplantılar, PEI Media ortaklarımızla sürekli olarak ilerlemeyi tartıştığımız ve gözden geçirdiğimiz anlamına geliyordu. Bu, olumlu, güvene dayalı bir ilişki geliştirmemize yardımcı oldu.

Sorgularda, tıklamalarda ve trafikte artış

Parolasız erişim sayesinde, grup genelinde abonelik sorgulama sayısı önemli ölçüde arttı. Web siteleri daha hızlı yükleniyor ve ziyaretçiler daha fazla makaleye tıklıyor. Sonuç olarak, bazı web siteleri, daha fazla ziyaret, daha uzun kullanıcı oturumları ve daha fazla sayfa görüntüleme ile ilişkili olan trafikte %23'e kadar artış gördü.

Sonuç olarak, bazı web sitelerinde trafikte %23'e varan artış görüldü.

Yeni kişiselleştirme yaklaşımları, izleyici katılımına ve daha iyi dönüşüm oranlarına yönelik bir müşteri deneyimi sağladı.

Çözüm

PEI Media ile çalışmak, tüm kariyerim boyunca yaşadığım en iyi deneyimlerden biri oldu. Bir üçüncü taraf raporu, izlenimimin tamamen öznel olmadığını gösteriyor:

“Kalkınma ortaklarıyla olan ilişkinin doğası, etkili işbirliğini ve teslimatı teşvik edecek gibi görünüyor. En iyi uygulamaya yakın olarak kabul edilebilir.”

Bu, herhangi bir ajansın okumaktan gurur duyabileceği bir şey.

Bu projeyi bu kadar başarılı yapan birçok faktör var, ancak ben WordPress ve WooCommerce'in oynadığı kilit role odaklanacağım:

• Hız – kullanıma hazır temalar arasında saatler içinde geçiş yapabilme yeteneği, proje ekibine portföy için bir vizyon paylaştığımız konusunda güven verdi.
• Gereksinimler uyuyor – WordPress, web'in yüzde 30'unu çalıştıran üst düzey bir CMS'dir ve diğer uzmanlara özel CMS seçenekleriyle eşleşir veya onları geride bırakır ve ekibe en iyi çözümü seçtiğimiz konusunda güven verir.
• Entegrasyonlar – PEI Media platformu, işletme için optimum dijital çözümü oluşturmak üzere birbirine örülmüş en güçlü bileşenleri kullanır. WordPress'in açık kaynak topluluğu, birçok entegrasyon için kullanıma hazır çözümlerin zaten var olduğu anlamına gelir.
• Kolayca özelleştirilebilir - PEI Media, bu platformun stratejilerinin temel bir parçası olmasını istediğine karar verdi. WordPress ve WooCommerce, işletmenin özellikleri iş öncelikleri ve değer yaratma doğrultusunda tutmasını, kaldırmasını, değiştirmesini veya artırmasını sağlayarak bu vizyonu destekler.
• Değer – açık kaynaklı bir yazılım projesi olan WordPress'in yıllık sıfır lisans ücretiyle gelmesi, PEI Media'nın sermayesinin daha büyük bir bölümünü işlerine özel değer katan özelliklere ve işlevlere yatırabildiği anlamına gelir.

Pragmatic, PEI Media ile çevik, açık ve güvenilir bir şekilde çalışma ayrıcalığına sahiptir; bu, her iki tarafın da bu faktörleri ticari faydalar, değer ve başarıya dönüştürmesine olanak tanır. Her başarının işletme içinde nasıl güven ve bağlılık oluşturduğunu görmek ilham verici.

– – – – – –

Bu gönderi, WooConf 2017'de verilen bir konuşmanın özetidir.