我們如何通過 Agile、WordPress 和 WooCommerce 改變 PEI Media 的網站和業務

去年，Pragmatic 與 PEI Media 合作，對其網站組合以及在此過程中的業務進行數字化轉型。

我和 Pragmatic 的同事對結果感到非常自豪——包括高達 40% 的自然流量增長——因此我們想分享我們從工作中學到的一些關鍵知識，從高級觀察到實踐見解。

PEI Media：從技術債務到敏捷

PEI Media 是一家擁有多個品牌的國際財經媒體集團。 該集團於 2016 年秋季聘請了一位新的首席技術官，並責成他對業務進行全面的數字化轉型。 他們希望創建一個現代、靈活的技術平台，引導公司的優質產品實現顯著增長。

這是一個艱難的過程，因為該公司背負著嚴重的技術債務。 在網站上發布新內容或更改任何內容，即使是一個簡單的拼寫錯誤，都需要在一夜之間重建整個網站——在速度和靈活性至關重要的行業中，這顯然是一種不可持續的狀況。 .

要更改網站上的任何內容……需要在一夜之間重建整個網站。

PEI Media 的年增長率不錯。 由於最近一輪的風險投資，他們現在可以更快地推動業務增長。 不過，很明顯，只有對公司的數字資產進行徹底轉型，才能實現他們為業務設定的雄心勃勃的目標。

簡報是重新開發該公司的八個網站，以通過自助電子商務交付其產品組合，提供最好的可用工具以及設計精美的前端。

為了滿足 PEI Media 的需求，我們 Pragmatic 的團隊需要一個由強大、高性能組件組成的連接架構，並通過敏捷方法實現。

在與 PEI Media 合作時，我們努力遵循正當程序。 這包括堅持明確和高標準，納入嚴格的文檔，並在決定解決我們需要解決的問題之前進行詳細的審查。

我們與未來的 PEI 媒體合作夥伴進行了徹底的 RFP 流程，探索哪些方法、軟件和架構最適合手頭的任務。

一旦我們正式加入執行這個項目，我們就開始了一個發現過程。 然後，我們創建了一個包含所有不同利益相關者要求的產品待辦事項。

為什麼選擇 WordPress，為什麼選擇 WooCommerce？

這是一個網絡發布項目，因此網絡領先的內容管理系統 WordPress 是天作之合。與我們考慮的專有 CMS 平台相比，各種強大插件的可用性和靈活的編輯工作流程使 WordPress 脫穎而出.

Visual Composer 的靈活性可以在不需要開發人員支持的情況下更改網頁，這對 PEI Media 來說是一個真正的吸引力。 我們還展示了我們團隊快速迭代多個第三方主題的能力，快速生成原型，直到我們找到與 PEI Media 對其網站網絡的願景相匹配的原型。 向我們的客戶展示網站的外觀讓他們對 WordPress 以及我們構建他們想要的網站的能力充滿信心。

WooCommerce 為 PEI Media 提供了簡化的結帳體驗。 該公司之前的電子商務結賬流程包括不少於九個步驟，而通過 WooCommerce，我們能夠將數量減少到兩三個。 這使銷售團隊的工作更輕鬆，我們預計它也會產生更好的轉化率。

該公司之前的電子商務結賬流程包括不少於九個步驟，而通過 WooCommerce，我們能夠將數量減少到兩三個

因為 PEI Media 銷售內容，而且他們的團隊成員習慣於編輯和製作內容，所以將內容管理擴展到產品描述和圖像並不是一個很大的飛躍。

與 WordPress 一樣，WooCommerce 是開源的，因此它為我們提供了根據需要擴展和編輯基本功能的靈活性。 在這個企業級項目中，我們的客戶分佈在多個業務部門，每個部門都運行獨立的損益賬戶並產生自己的收入。 這意味著我們必須考慮幾種不同的內容類型，從實體產品到虛擬內容訪問、活動門票等。 這些網站還需要處理一次性付款和訂閱，這是 WooCommerce 可以支持的。

對我們來說，最後一個賣點是 WooCommerce 的可擴展性可以輕鬆與其他應用程序和軟件集成，並且高度可連接，這意味著我們可以連接 PEI Media 網站的平台和服務沒有限制。

thisispei.com 的技術設計

為了滿足 WordPress 和 WooCommerce 無法提供的一些功能，例如權利管理（根據標準矩陣控制用戶可以或看不到的受限內容的許可系統），我們實施了許多其他功能集成。

為了管理不同類型用戶（匿名用戶、註冊免費用戶和付費內容用戶）的訪問權限，我們需要構建 PEI Media 一個可以處理權利管理的複雜解決方案。 他們業務的關鍵是最大化轉化率，鼓勵用戶付費，我們確定了幾個已經提供此功能的雲平台。

我們構建的技術架構包括 WordPress 作為 CMS 和前端以及用於電子商務的 WooCommerce。 然後我們添加了 Blaize，一個身份和訪問管理平台。 我們在 WordPress 前面放置了一個代理服務器來處理身份管理，包括註冊、登錄和用戶帳戶管理。 根據訪問者正在訪問的內容及其權利，代理服務器會動態生成相關內容。

我們選擇了無密碼身份驗證，並利用 Blaize 為來自某些搜索引擎的入站頁面請求免費生成第一頁內容的能力。 這種所謂的“首次點擊免費”訪問允許頁面被搜索引擎索引，並幫助網站在搜索結果中獲得更好的排名。

PEI Media 運行著一個豐富的數據研究和分析平台，該團隊使用該平台向其分析師通報公司所涵蓋的市場。 為了允許在改版後的網站上訪問這些數據，我們將其放入 Elasticsearch 並構建了一個 React 前端來顯示它。 我們設法簡化了編輯內容的顯示以及數據驅動的圖形。

Blaize 還連接到公司的 CRM 以管理 WordPress 的權利。 一旦用戶通過 WooCommerce 結賬併購買了權利，Blaize 會立即更新 CRM，讓用戶快速訪問優質內容。

為了通過營銷自動化提高銷售額，我們集成了谷歌標籤管理器，它將數據傳回谷歌分析，並從那裡進入公司的商業智能平台。 這允許不斷改進客戶獲取和保留。

我們構建的架構創造了個性化的客戶體驗，進而推動了受眾參與、重複訪問、在網站上花費的時間以及查看的頁面數量。 由於 PEI Media 的商業模式專注於優質產品，用戶查看的頁面越多，他們就越接近限制，這意味著他們需要升級才能訪問該內容。

操作設計：發現和校準

這是一個龐大的項目，需要構建和連接許多不同的功能和軟件。 我們是如何從一開始就變成全速計劃的？ 過渡需要三個階段。

首先是發現階段。 這一個月的時間是為了確保整個項目團隊在願景和具體要求上保持一致。 我們通過與 PEI Media 和其他技術合作夥伴的研討會和會議來幫助完成初始項目文檔。 除非絕對必要，否則我們會小心避免使用技術或數字語言：我們希望我們的交流能夠引人入勝並產生健康的對話。 我們還進行了一些原型設計和技術探索，以便在開發開始後將技術風險降至最低。 在這個階段，我們還同意使用敏捷方法，每個團隊進行為期兩週的衝刺。

接下來是校準階段，這給了我們六週（三個衝刺）來進行項目。 這個階段使我們能夠評估我們在每個 sprint 中可以完成的工作量，並讓我們對關鍵里程碑的交付日期有了一個很好的了解。

校准後，我們無縫地進入了積極運行的Scrum 團隊交付的最終狀態。 作為 Scrum 流程的關鍵部分的會議意味著我們一直在與我們的 PEI 媒體合作夥伴討論和審查進展情況。 這幫助我們建立了一種積極的、基於信任的關係。

查詢量、點擊量和流量增加

由於無密碼訪問，整個集團的訂閱查詢數量顯著增加。 網站加載速度更快，訪問者點擊更多文章。 結果，一些網站的流量增加了高達 23%，這也與更多的訪問、更長的用戶會話和更多的網頁瀏覽量相關。

結果，一些網站的流量增加了高達 23%。

新的個性化方法提供了面向受眾參與度和更高轉化率的客戶體驗。

結論

與 PEI Media 合作是我整個職業生涯中最棒的經歷之一。 第三方報告表明我的印象並不完全是主觀的：

“與發展夥伴關係的性質似乎是一種促進有效合作和交付的關係。 它可以被認為接近最佳實踐。”

這是任何機構都可以引以為豪的東西。

有很多因素使這個項目如此成功，但我將重點關注 WordPress 和 WooCommerce 所扮演的關鍵角色：

• 速度——在數小時內循環瀏覽現成主題的能力讓項目團隊相信我們對投資組合有著共同的願景。
• 符合要求- WordPress 是頂級 CMS - 為 30% 的網絡提供支持 - 並且匹配或擊敗其他專業的定制 CMS 選項，讓團隊相信我們選擇了最佳解決方案。
• 集成——PEI Media 平台使用最強大的組件組合在一起，為企業創建最佳的數字解決方案。 WordPress 的開源社區意味著對於許多集成，現成的解決方案已經存在。
• 易於定制——PEI Media 決定希望這個平台成為他們戰略的核心部分。 WordPress 和 WooCommerce 通過使企業能夠根據業務優先級和價值創造來保留、刪除、替換或增加功能，從而支持這一願景。
• 價值——開源軟件項目 WordPress 的年度許可費為零，這意味著 PEI Media 能夠將更大比例的資本投入到為其業務增加特定價值的特性和功能上。

Pragmatic 有幸以敏捷、開放和信任的方式與 PEI Media 合作，使雙方能夠將這些因素用於商業利益、價值和成功。 看到每一次成功如何在企業中建立信心和參與度，這令人鼓舞。

– – – – – –

這篇文章是對 WooConf 2017 上一次演講的回顧。