アジャイル、ワードプレス、WooCommerceでPEIメディアのウェブサイトとビジネスをどのように変革したか

公開: 2018-03-23

昨年、PragmaticはPEI Mediaと協力して、ウェブサイトポートフォリオのデジタルトランスフォーメーションを実現しました。

Pragmaticの同僚と私は、最大40％のオーガニックトラフィックの増加を含む結果を非常に誇りに思っています。そのため、高レベルの観察から実践的な洞察まで、私たちの仕事から学んだ重要なことのいくつかを共有したいと思いました。

PEIメディア：技術的負債からアジャイルまで

PEI Mediaは、ブランドのポートフォリオを持つ国際的な金融メディアグループです。このグループは、2016年秋に新しい最高技術責任者を招き、ビジネスの完全なデジタル変革を彼に任せました。彼らは、会社のプレミアム製品が大幅な成長を実現するように導く、最新の柔軟なテクノロジープラットフォームを作成したいと考えていました。

同社は深刻な技術的負債を抱えていたため、これは困難な行進でした。新しいコンテンツを公開したり、Webサイトで何かを変更したりする場合、単純なタイプミスであっても、Webサイト全体を一晩で再構築する必要がありました。これは、スピードと柔軟性が重要な業界では明らかに持続不可能な状況です。。

ウェブサイト上の何かを変更するには…ウェブサイト全体を一晩で再構築する必要がありました。

PEIMediaの年間成長率は良好でした。そして最近のベンチャーキャピタル資金のおかげで、彼らは今やそのビジネスの成長をさらに速く推進することができました。ただし、会社のデジタル資産を完全に変革するだけで、ビジネスに設定した野心的な目標を達成できることは明らかでした。

簡単な説明は、同社の8つのWebサイトを再開発して、セルフサービスのeコマースを介して製品ポートフォリオを提供し、利用可能な最高のツールと魅力的なデザインのフロントエンドを提供することでした。

PEI Mediaのニーズを満たすために、Pragmaticのチームは、アジャイル手法を介して実装された、堅牢で高性能なコンポーネントの接続されたアーキテクチャを必要としていました。

PEI Mediaとの協力において、私たちはデュープロセスに熱心に従いました。これには、明確で高い基準を順守すること、厳格な文書を組み込むこと、および取り組む必要のある問題の解決策を決定する前に詳細なレビューを行うことが含まれます。

私たちは、将来のPEI Mediaパートナーと徹底的なRFPプロセスを実施し、現在のタスクに最適なアプローチ、ソフトウェア、およびアーキテクチャを調査しました。

このプロジェクトを実行するために正式に参加した後、私たちは発見プロセスから始めました。次に、さまざまな利害関係者の要件をすべて組み込んだ製品バックログを作成しました。

なぜWordPressなのか、なぜWooCommerceなのか？

これはWeb公開プロジェクトであったため、Webの主要なコンテンツ管理システムであるWordPressが自然に適合しました。幅広い強力なプラグインと柔軟な編集ワークフローの可用性により、WordPressは私たちが検討した独自のCMSプラットフォームと比較して際立っています。。

開発者のサポートを必要とせずにWebページを変更できるVisualComposerの柔軟性は、PEIMediaにとって大きな魅力でした。また、多くのサードパーティのテーマを迅速に反復し、ウェブサイトのネットワークに対するPEI Mediaのビジョンに一致するものが見つかるまで、プロトタイプを迅速に生成するチームの能力を実証しました。クライアントにサイトがどのように見えるかを示すことで、WordPressと、必要なサイトを構築する能力に自信が持てるようになりました。

WooCommerceは、PEIMediaに合理化されたチェックアウトエクスペリエンスを提供しました。同社の以前のeコマースチェックアウトプロセスには9つ以上のステップが含まれていましたが、WooCommerceを使用すると、その数を2つまたは3つに減らすことができました。これにより、営業チームの仕事が容易になり、コンバージョン率も向上すると予想されました。

同社の以前のeコマースチェックアウトプロセスには9つ以上のステップが含まれていましたが、WooCommerceを使用すると、その数を2つまたは3つに減らすことができました。

PEI Mediaはコンテンツを販売しており、チームメンバーはコンテンツの編集と制作に慣れていたため、コンテンツ管理を製品の説明や画像にまで拡張することは大きな飛躍ではありませんでした。

WordPressと同様に、WooCommerceはオープンソースであるため、必要に応じて基本機能を拡張および編集する柔軟性が得られました。このエンタープライズレベルのプロジェクトでは、クライアントは複数のビジネスユニットに分散し、それぞれが個別の独立した損益アカウントを実行し、独自の収益を生み出しました。つまり、物理的な製品から仮想コンテンツへのアクセス、イベントチケットなど、さまざまな種類のコンテンツを考慮する必要がありました。これらのサイトは、WooCommerceがサポートできるサブスクリプションだけでなく、1回限りの支払いも処理する必要がありました。

私たちの最後のセールスポイントは、WooCommerceの拡張性が他のアプリやソフトウェアと簡単に統合でき、接続性が高いことでした。つまり、PEIMediaサイトに接続できるプラットフォームやサービスに制限はありませんでした。

thisispei.comの技術設計

WordPressとWooCommerceが提供できなかった機能の一部を満たすために、資格管理（ユーザーが基準のマトリックスに従って表示できる、または表示できない制限されたコンテンツを制御する許可システム）など、他の多くの機能を実装しました。統合。

匿名ユーザー、登録済みの無料ユーザー、プレミアムコンテンツを支払うユーザーなど、さまざまなタイプのユーザー間でアクセスを管理するには、資格管理を処理できる高度なソリューションをPEIMediaで構築する必要がありました。彼らのビジネスの鍵は、コンバージョン率を最大化し、ユーザーに支払いを促すことでした。私たちは、この機能をすでに提供しているいくつかのクラウドプラットフォームを特定しました。

私たちが構築した技術アーキテクチャは、CMSとしてのWordPressと、eコマースのためのフロントエンドとWooCommerceで構成されていました。次に、IDおよびアクセス管理プラットフォームであるBlaizeを追加しました。 WordPressの前にプロキシサーバーを配置して、登録、サインイン、ユーザーアカウント管理などのID管理を処理します。アクセスしている訪問者とその資格に応じて、プロキシサーバーは関連するコンテンツを動的に生成します。

パスワードなしの認証を選択し、特定の検索エンジンからのインバウンドページリクエストに対してコンテンツの最初のページを無料で生成するBlaizeの機能を利用しました。このいわゆる「ファーストクリックフリー」アクセスにより、ページを検索エンジンでインデックスに登録し、検索結果でWebサイトのランクを上げることができます。

PEI Mediaは、豊富なデータ調査および分析プラットフォームを実行しており、チームはこれを使用して、会社がカバーする市場についてアナリストに通知します。刷新されたWebサイトでこのデータにアクセスできるようにするために、Elasticsearchを介してデータを配置し、Reactフロントエンドを構築して表示しました。データ駆動型グラフィックスと一緒に編集コンテンツの表示を合理化することができました。

Blaizeは会社のCRMにも接続して、WordPressの資格を管理します。ユーザーがエンタイトルメントを購入したWooCommerceを介してチェックアウトすると、BlaizeはすぐにCRMを更新し、ユーザーがプレミアムコンテンツにすばやくアクセスできるようにします。

マーケティングの自動化を通じて売上を向上させるために、Googleタグマネージャーを統合しました。Googleタグマネージャーは、データをGoogleアナリティクスに戻し、そこから会社のビジネスインテリジェンスプラットフォームに渡します。これにより、顧客の獲得と維持を継続的に改善することができました。

私たちが構築したアーキテクチャは、パーソナライズされたカスタマーエクスペリエンスを生み出しました。これにより、オーディエンスエンゲージメント、リピート訪問、サイトでの滞在時間、表示されたページ数が促進されます。 PEI Mediaのビジネスモデルはプレミアム製品に重点を置いているため、ユーザーが表示するページが多いほど、制限に近づくことになります。つまり、そのコンテンツにアクセスするにはアップグレードする必要があります。

運用設計：発見と調整

これは巨大なプロジェクトであり、さまざまな機能とソフトウェアを組み合わせて構築および接続することができました。スタンディングスタートからフルスピードプログラムにどのように移行しましたか？移行には3つのフェーズが必要でした。

発見段階が最初に来ました。この1か月の期間は、プロジェクトチーム全体がビジョンと特定の要件の両方に一致していることを確認することでした。ワークショップとPEIMediaおよびその他のテクノロジーパートナーとの会議を使用して、最初のプロジェクトドキュメントを完成させました。どうしても必要な場合を除いて、技術的な会話やデジタル会話を避けるように注意しました。コミュニケーションを魅力的にし、健全な会話を生み出すことを望んでいました。また、開発開始後の技術的リスクを最小限に抑えるために、プロトタイピングと技術的調査も行いました。このフェーズでは、チームがそれぞれ2週間続くスプリントを実行するアジャイルアプローチを使用することにも同意しました。

次はキャリブレーションフェーズで、プロジェクトを開始するのに6週間（3スプリント）かかりました。このフェーズでは、各スプリントで達成できる作業量を評価することができ、主要なマイルストーンに対する納期の良いアイデアが得られました。

キャリブレーション後、アクティブに実行されているスクラムチーム配信の最終状態にシームレスに移行しました。スクラムプロセスの重要な部分である会議は、PEIメディアパートナーと常に進捗状況について話し合い、レビューしていることを意味しました。これは、私たちが前向きで信頼に基づく関係を育むのに役立ちました。

問い合わせ、クリック、トラフィックの増加

パスワードなしのアクセスのおかげで、グループ全体でのサブスクリプションの問い合わせ数が大幅に増加しました。ウェブサイトの読み込みが速くなり、訪問者はより多くの記事をクリックしています。その結果、一部のWebサイトでは、トラフィックが最大23％増加しました。これは、訪問数の増加、ユーザーセッションの延長、ページビューの増加とも相関関係があります。

その結果、一部のWebサイトでは、トラフィックが最大23％増加しています。

新しいパーソナライズアプローチにより、オーディエンスエンゲージメントとコンバージョン率の向上に向けたカスタマーエクスペリエンスが実現しました。

結論

PEI Mediaでの作業は、私のキャリア全体で経験した中で最高の経験の1つです。サードパーティのレポートによると、私の印象は完全に主観的なものではありません。

「開発パートナーとの関係の性質は、効果的なコラボレーションと提供を促進するもののようです。ベストプラクティスに近いと見なすことができます。」

これは、どの機関も読むことを誇りに思うことができるものです。

このプロジェクトを成功に導いた要因はたくさんありますが、WordPressとWooCommerceが果たした重要な役割に焦点を当てます。

スピード–既製のテーマを数時間で循環できるため、プロジェクトチームは、ポートフォリオのビジョンを共有しているという自信を得ることができました。
要件の適合– WordPressはトップクラスのCMSであり、Webの30％に電力を供給し、他のスペシャリストの特注CMSオプションに匹敵するか、それを上回り、チームに最適なソリューションを選択しているという自信を与えます。
統合– PEI Mediaプラットフォームは、最も強力なコンポーネントを組み合わせて使用し、ビジネスに最適なデジタルソリューションを作成します。 WordPressのオープンソースコミュニティは、多くの統合のために、既成のソリューションがすでに存在していたことを意味します。
すぐにカスタマイズ可能– PEI Mediaは、このプラットフォームを戦略の中核部分にしたいと考えました。 WordPressとWooCommerceは、ビジネスの優先順位と価値の創造に沿って機能を維持、削除、置換、または拡張できるようにすることで、そのビジョンをサポートします。
価値–オープンソースソフトウェアプロジェクトであるWordPressの年間ライセンス料がゼロであるという事実は、PEIMediaがビジネスに特定の価値を追加する機能に資本の大部分を投資できることを意味します。

Pragmaticは、PEI Mediaと機敏でオープンで信頼できる方法で連携できることを光栄に思っており、両当事者がこれらの要素をビジネス上のメリット、価値、成功に活用できるようにしています。それぞれの成功がビジネス内でどのように自信とエンゲージメントを構築したかを見るのは刺激的です。

– – – – – –

この投稿は、WooConf2017で行われた講演の要約です。